Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1177688

    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, 1 month ago by zonkbros.
    #1177726

    Hey,

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

    Regards,
    Yigit

    #1177790

    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, 1 month ago by zonkbros.
    #1178127

    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

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