can't disable sticky nav for mobile

TwoStudios

Hi!

I'm working on the website umtobot.be
it uses the buildr template. I disabled the sticky nav for mobile in the template settings, but it doesn't change. (the sticky menu stays in the mobile view)

could you please take a look into this?

thanks!

kind regards,
Karen

saguaros

Hi Karen,

You can try with this custom css:

@media (max-width: 480px) {
  #logowrap.zen-nav-fixed {
    position: relative !important; }
}

TwoStudios

saguaros
Hi, i added the code to the custom.css - but nothing changes in the view. (when scrolling down, the sticky nav appears, and the menu-button is shifted to the left.)

TwoStudios

I added this to the custom.css and that seemed to solve the issue.

.zen-marginless-grid .zg-col-2, .zg-fullwidth .zg-col-2 {
float: right;
}

Anything wrong with doing this?

saguaros

TwoStudios

You can use your own custom css rule but to apply it on mobile only, you should use media queries like my above:

@media (max-width: 480px) {
  /*your custom code goes here*/
}