Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 23, 2020 at 4:11 pm #1177688
    zonkbros

    Hey guys,

    is there any way to get the header working as on desktop?
    So is there a chance to get these options working on mobile/tablet?

    Thanks in advance! :)

    • This topic was modified 4 years, 11 months ago by zonkbros.
    January 23, 2020 at 4:39 pm #1177726
    Yigit

    Hey,

    Please refer to this post – https://kriesi.at/documentation/enfold/header/#sticky-header-on-mobile

    Regards,
    Yigit

    January 23, 2020 at 6:35 pm #1177790
    zonkbros

    Hey Yigit,

    well okay I implemented the code and switched the max-width to 988px. But unfortunately on tablet, the header is not sticky.
    Any suggestions?

    • This reply was modified 4 years, 11 months ago by zonkbros.
    January 24, 2020 at 2:52 pm #1178127
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @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; 
  }
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.