Docs

[AngieMarie]

X Theme 4.6.0
Ethos
WordPress 4.5.3
http://vanityrouge.com

Hello,
I am having issues with content below the header being cut off when selecting the header as “inline”. I noticed this only happens when it is viewed in google chrome, but is fine in microsoft edge. See screenshot of what it looks like in chrome. It isn’t apparent on the first image, but it is cut off. You can also see my “search” widget in the sidebar text is cut off. The problem fixes itself when I select “stacked” for the header, but I would really like my logo area to scroll down with my menu when readers are viewing an article. Is there something I am missing to adjust the height of the content area?

Thank you for your help!

[Rupok]

Hi there,

Thanks for writing in! It seems you have set “Navbar Top Height (px)” to 50px – http://prntscr.com/c37c2n
Let’s increase the value to at least 100px from Customzie > Header.

Or you can add this under Custom > CSS in the Customizer.

body.x-navbar-fixed-top-active .x-navbar-wrap {
  height: auto !important;
}

Hope this helps.

[AngieMarie]

I tried both ways and it seems to only increase the white space in the menu bar below the words, but still cuts off the top of the content below it. I currently have increased the Navbar Top Height to 100px and also added the code in the customizer. I have also cleared the Cache in case my view was not updated but it still seems to be an issue in Chrome.

[Friech]

Hi There,

100px is only the height of your logo, there is still the navbar you need to consider. Try 170px instead.

Thanks.

[AngieMarie]

I was able to figure it out – I had to enter my logo width in px under the logo-image section in the Customizer. I had left this blank since it makes my logo smaller but apparently I needed to enter it for it to work with a fixed top navbar and inline layout. Thanks for your help!

Angie

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts