Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi, when I test the site at Chrome it is fine.
But when I open it using mozilla or IE, the logo gets too big, at the menu, as you can see at the image below:
How can I fix this for these browsers without changing the positive view on chrome?
Resolved over Premium support.
Hi Alex I have a similar issue with the masthead formatting differently in mozilla and webkit. How do I access the premium support? (I have paid already)
Hi Ollie,
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on this page. Please reference this thread and include your SiteOrigin order key in the email.
This is a private message.
Preface: This CSS will only apply if you’ve added text widget to the header, and trying to center that.
Hi Ollie,
Okay so the issue is how we display the header sidebar in certain situations, which isn’t compatible with FireFox. It’s not really meant to show but adding width: 100% to it looks to have triggered it.
Please navigate to WP Admin > Appearance > Custom CSS and add the following CSS:
#header-sidebar { width: 100%; -ms-flex-pack: baseline !important; -ms-flex-align: baseline !important; -moz-box-pack: baseline !important; -moz-box-align: baseline !important; -webkit-box-pack: baseline !important; -webkit-box-align: baseline !important; display: block !important; padding: 0 !important; } #header-sidebar .widget_text { width: 100%; text-align: center; } #header-sidebar h1 { margin-top: 60px; }How does that look?
You might also need to install the SiteOrigin CSS Editor.
That’s sorted it perfectly. Thanks for your help.
Hi, Alex.
Please, it still on error for me.
Hi Larissa,
Figured it was resolved as no one replied. Please navigate to WP AdminAppearanceCustom CSS and add the following CSS:
#masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain { max-height: 116px; } .site-header .menu-item { margin-top: 50px !important; }You might also need to install the SiteOrigin CSS Editor.
Many Thanks!
It worked!
=)