Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 4, 2022 at 5:40 pm #1367589
    oestersund

    Dear team,
    on my draft page below the logo / burger does not stick on smartphone (tablet it looks ok)

    I use the following CSS:

    /*Sticky header*/
    @media only screen and (max-width: 989px) {
    .html_stretched.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    margin-top: 90px !important;
    }
    .html_stretched.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: fixed !important;
    }
    }

    How to modify the CSS in order to fix this?

    thx a lot & best regards Tilman

    October 5, 2022 at 10:26 am #1367657
    Ismael

    Hey Tilman,

    Thank you for the inquiry.

    We modified the css code above to re-enable the fixed header on mobile view. 

    /*Sticky header*/
@media only screen and (max-width: 989px) {
  .html_stretched.responsive.html_header_top #top #main {
    margin-top: 90px !important;
  }

  .html_stretched.responsive #top #wrap_all #header {
    position: fixed !important;
  }
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings.

    Best regards,
    Ismael

    October 5, 2022 at 3:01 pm #1367683
    oestersund

    Dear Ismael,
    cool – this works :-)

    thx a lot & best regards Tilman

    October 6, 2022 at 8:10 am #1367738
    Ismael

    Hi,

    Glad to know that the modification is working. Please let us know if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo / header not sticky on mobile’ is closed to new replies.