Docs

[BradleyB]

Hi,

When the nav button is pressed on desktop (between 1013px and 736px), the dropdown pushes the slider and page content down. I would like the menu to simply drop down over the page content ( like it does below 736px). Is this possible? Thanks!

[BradleyB]

This reply has been marked as private.

[Jade]

Hi Bradley,

Please add this code:

@media (min-width: 736px) and (max-width: 1013px) {
    .masthead.masthead-inline {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
    }
}

Hope this helps.

[BradleyB]

Thanks for the reply. I added the code, but it did not change anything.

[Rupok]

Hi there,

Thanks for writing back. I have checked and the code seems working fine. Let’s check again on the certain screen size after clearing your browser cache.

Cheers!

[BradleyB]

Hi, thanks for the reply.

I did clear my cache. The problem is still there. Between those resolutions, the menu pushes the slider and page down, rather than dropping down over it. I’ve attached a picture. The image on the left shows how it currently works, and the iamge on the right shows how I would like it to work on all resolutions.

How can I change this? Thanks so much!

[BradleyB]

picture attached

[Rupok]

Hi there,

Thanks for writing back. Not sure why it’s not working on your end. I have tested with multiple browser and here goes a screencast on my end – http://recordit.co/tV8EdNJ5cR

Cheers!

[BradleyB]

Thanks for getting back to me.

The problem only exists below 979px on desktop. It works fine above that.

Thanks!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (max-width: 979px){
body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 63px;
}
}

Hope that helps.

[Author]

Posts