Menu Header Desktop / Mobile

Support
#1

Hello, I’m having an issue of find how to keep my main menu static top, not fixed top also I would like to remove the main menu from mobile but for some reason this code is not working.

.sfm-mob-navbar a{
display: none !important;
}

Please advice.

#2

Hi There,

Thanks for writing in!

As I can see from your site that has been added to your license, you are using sf menu which is sticky in mobile.
If you want to remove it please add this css to your Theme option -> CSS.

@media (max-width: 768px) {
#sfm-mob-navbar {
display: none !important;
}
}

If you are talking about some other site you can send us the URL to check.
Hope this helps!

#3

Hello thank you for the fast replay, the SF menu its fine for me. I want to make the menu from the theme sticky and not fixed, also remove the menu from mobile.

#4

Hello Robson,

Thanks for updating in!

To make the menu sticky and remove the default mobile menu, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 979px){
  .x-navbar.x-navbar-fixed-top {
    position: fixed;
    z-index: 9999;
  }

  .masthead-inline .x-btn-navbar {
      display: none;
  }
}

We would loved to know if this has work for you. Thank you.

#5

for some reason is not working at all is not removing the menu from mobile and not keeping the desktop menu static. also I upgrade the theme to pro and all the changes I make doesn’t take effect like making new header or footer…

#6

Hi,

I checked and can see you have added .media instead of @media

Please change this

.media (max-width:979px) {
    .x-navbar.x-navbar-fixed-top {
        position: fixed;
        z-index: 9999;
    }
    .masthead-inline .x-btn-navbar {
        display: none;
    }
}

with this

@media (max-width:979px) {
    .x-navbar.x-navbar-fixed-top {
        position: fixed;
        z-index: 9999;
    }
    .masthead-inline .x-btn-navbar {
        display: none;
    }
}

If that doesn’t help, plesae provide us your wordpress admin login in Secure Note(key icon)

Thanks

#7

Hello I enter that code and still not working. for some reason a lot things is not working I upgraded also to PRO to use all the editing can be done on header, footer and etcs… but when I click saving wont show live.

#8

Hello @DesignSolutionPro,

Thanks for updating in! It appears that you have installed a caching plugin Hummingbird. Please clear all your plugin caches first before testing your site after making any site changes. Caching are best to turn on when you are finished developing your site.

Hope this helps. Please let us know how it goes.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.