Increasing width of site title area

[Brian]

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

[Anve S.]

Hi @blstraub,

Please try following css and apply in child them custom css option.

body.left-menu-open #masthead .header-outher {
  margin-left: 270px;
}

Regards
Anve

[Brian]

That was perfect!

Thank you! You are terrific!! 🙂

Brian

[Brian]

Oops!

With that setting, there is a small window in the top bar that text or images scroll into. Easy fix or should I just go back to my previous setting?

Thanks!

Brian

[Anve S.]

Hi @blstraub,

Try adding following css in child theme custom css option.

body.left-menu-open #masthead {
    background-color: #fff;
}

Regards
Anve

[Brian]

Okay, now it works perfectly! Thank you!!

Brian

[Anve S.]

Hi @blstraub,

Great 🙂 , I’ll close this topic now . If you have any other concern , please create a new topic.

Regards
Anve