Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 30, 2018 at 2:55 pm #1039323
    xxtita

    Hi Team Kriesi, looks like sticky header on mobile is a big issue in the community.
    So, mine too.
    I’d like to achieve

    View post on imgur.com


    Which means: sticky header on mobile (which ist not really a problem with css and all support from kriesi)
    but with two buttons in it – one for the burger menu and one for e.g. ‘Booking’
    It doesnt matter if the 2nd button comes from social-media icons or from the 2nd menu.
    I was thinking about 2 possibilities to create this menu.
    1. – Change the content and the link from the logo to another clipart with another link or
    2. – extract the burger and place it under the top, set logo to display none, but how can i put another link and clipart in this div?
    Thanks for your support.

    December 1, 2018 at 5:35 am #1039490
    Mike

    Hey xxtita,
    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: 767px) {
.responsive #top #wrap_all #header {
position: fixed !important; 
}
.responsive #top #wrap_all #header #header_meta {
z-index: 1 !important; 
}
.responsive #top #wrap_all #header .social_bookmarks {
float: none !important;
}
.av-burger-menu-main.menu-item-avia-special {
top: -60px !important; 
}
.responsive #top #wrap_all #header #header_main {
height: 0px !important; 
}
.responsive #top .logo {
display: none !important;
}
}

    Then please clear your browser cache and check.
    Please see the expected results screenshot in Private Content area.

    Best regards,
    Mike

    December 3, 2018 at 10:16 am #1040199
    xxtita

    Thanks a lot for your perfect service. Works exactly as i want.
    Best support again.

    December 3, 2018 at 2:24 pm #1040291
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

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