Docs

[sunship]

Hi guys!

I have my whole header/navbar/topbar set to transparent and I have the first section of each page up under it to mimic a header background image. It all works great, but when I open the mobile menu, the menu pushes this first section of the page downwards, exposing the body background image and looks odd.

How can I get the open mobile menu to flow over the first section, just like a normal desktop menu dropdown?

URL = http://kiermyer.com/new/
X = V 4.6.2
CS = V 1.3.2
WP = V 4.6.1

thanks guys!

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer

.x-nav-wrap.mobile {
  left: 0;
  position: absolute;
  right: 0;
  top: 60px;
}

Hope this helps.

[sunship]

Ah you guys are the best, thank you.

I have noticed something else though, not sure whats causing it.

I’m using the following CSS under media query set at 1215px to bring in the mobile menu earlier;

.x-btn-navbar{
display: block;
float: right;
margin-top: -5px;
}
.x-nav-wrap.desktop {
display: none;
}

…..but between roughly 980px and 1215px screen width the menu will not open.

What have I missed?

Thanks so much for your help!

[Rupok]

Hi there,

Thanks for writing back. You need to add this as well within your existing media query :

.collapse.in {
  display: block !important;
}

Hope this helps.

[sunship]

Yes it does, thank you very much

[Thai]

If you need anything else please let us know.

[Author]

Posts