Support Forums

I searched but did not find any other questions regarding this. It is (I think!) my very last CSS question. The site is coming along nicely and looks good.

I do not have a site logo, nor do I want to use one. Instead, I simply want to use the site’s title, which is 17 characters long. I would like to use Pacifico, 30px, normal weight but that causes the end of the title to be cut off. Decreasing the size to 26 works, although it’s a bit smaller than I’d like. However, on an iPad, even that is cut off. To have the whole site title display on an iPad, I need to reduce it significantly more.

The background of the entire top of the site is white: logo area above the BuddyBar, center section and right user section. In the center section, I have only a search bar. I would like to increase the width of the title section so the title can print cleanly on both a desktop and a tablet. It’s okay if the site title extends beyond the BuddyBar.

I tried the following, one after the other, which did not work. I am guessing there is some other container that is limiting the width of the logo area to the width of the BuddyBar. I am hoping that is not the case.

body.left-menu-open #mastlogo {
width: 300px;
}
#mastlogo {
width: 300px;
}
body.tablet.left-menu-open #mastlogo {
width: 250px;
}

Suggestions?

Thanks!
Brian