sticky menu and logo on mobile

Hey oscarmo,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
  .responsive #top #main {
  	/* Margin top value should be equal to header height*/
    margin-top: 180px;
  }
  .responsive #top #wrap_all #header {
    position: fixed;
  }
}

Best regards,
Vinay

Hi oscarmo,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

I have checked it on my end and it works fine, can you try to clear the browser cache?

Best regards,
Nikko