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

    Hello, I found this. This solution sticks header menu and top bar (on mobile).
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
    position: fixed;
    }
    .responsive #top #main {
    padding-top: 131px !important;
    }
    }

    This is close to what I need.
    Here is what I am trying to do: I would like to stick the header menu (both, on desktop and on mobile) BUT unstick the top bar only on mobile (means: top bar is sticky on desktop and unsticky only on mobile).

    Do you have a solution for me to get this done. This would be really great!
    Thank you in advance
    Holger

    #1043120

    Hey,

    Please try using the code as following

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

    Best regards,
    Yigit

    #1043683

    Hello Yigit, thank you for your answer. This is very close to what I would like to do.
    In the meantime I hired a freelancer who did the trick for me.
    I belive you had a lot of work because of WordPress 5.0.
    Let me close to say that Enfold is the best theme out there for many years! I already bought multiple installations and will not stop to use this great theme! Thank you for your great support, too.
    Best regards
    Holger

    #1043717

    Hi Holger,

    You are right, forums are pretty busy after the release of WP 5.0.
    Thank you so much for your understanding and kindness! :)

    Also happy to hear that freelancer did the trick for you :)
    Let us know if you have any other questions or issues and enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘make header menu sticky on mobile BUT unstick top bar’ is closed to new replies.