Make submenu sticky on mobile devices

Hey Michael,

Try adding this in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all #header {
    position: fixed !important;
  }

  .responsive #top #main {
    padding-top: 88px !important;
  }
}

Hope this helps.

Best regards,
Nikko

Hi,

I’m pretty sure it works on all mobile phones. Did I try it? Yes, I have tried it on my local server. I checked your site and I don’t see that code, can you put the code again in Quick CSS and if it doesn’t work please give us temporary admin access so we can check why it isn’t reflecting on the frontend. Also please place the details in the Private Content so only moderators can view.

Cheers!
Nikko

Hi,

I checked it again and found you have already added the code and it’s working on both my android phone and iphone. Can you try to clear the cache from your iphone?

Regards,
Nikko

Hi,

Sorry I didn’t notice you were referring to a submenu. The submenu script isn’t compatible with mobile that’s why it’s disabled in mobile by default. I’m afraid there’s no easy way to do that and outside of the scope of our support. You might want to hire a freelancer to do this or contact our partner codeable: http://kriesi.at/contact/customization

Regards,
Nikko