Docs

[darwinsm81]

Hi,

I want to lower the breaking point on the website that I am working on. I have tried different methods from several other threads on the same topic with no prevail. Also, can I change the style of the mobile menu – I would like to show the buttons (centered) while the header is fixed.

Thanks

[Paul R]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[darwinsm81]

Hi Paul,

Thank you for your speedy response. Here is the address – http://www.darwinlopez.com.

[Lely]

Hello Darwin,

Try using this custom CSS:

@media (max-width: 979px){
    .masthead-inline .x-btn-navbar {
       display: none;
    }
    .x-nav-wrap.desktop {
       display: block;
    }
}
@media (max-width: 767px){
    .masthead-inline .x-btn-navbar {
       display: block !important;
       float:right !important;
       margin-top: 30px; /*Vertically center the mobile button*/
    }
    .x-nav-wrap.desktop {
       display: none !important;
    }
    body.x-navbar-fixed-top-active .x-navbar { /*To make header fixed on mobile*/
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
   }
}

767px is the new breaking point from 979px. Adjust 767px accordingly.

Hope this helps.

[darwinsm81]

you guys are awesome! it worked perfectly!!

Thank you for your assistance.

[Jade]

You’re most welcome.

[Author]

Posts