This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Menu Logo – error on Mozilla and Ie

Resolved 9 replies technicalthemetheme-vantage
Larissa Castanheira
9 years ago · Last reply by Larissa Castanheira 9 years ago

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?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Alex S Staff 9 years, 5 months ago

    Resolved over Premium support.

  2. Ollie Hines 9 years, 5 months ago

    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)

    • Alex S Staff 9 years, 5 months ago

      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.

  3. Ollie Hines Private 9 years, 5 months ago

    This is a private message.

    • Alex S Staff 9 years, 5 months ago

      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.

      • Ollie Hines 9 years, 5 months ago

        That’s sorted it perfectly. Thanks for your help.

  4. Larissa Castanheira 9 years, 5 months ago

    Hi, Alex.

    Please, it still on error for me.

    • Alex S Staff 9 years, 5 months ago

      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.

  5. Larissa Castanheira 9 years, 5 months ago

    Many Thanks!

    It worked!

    =)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread