Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 29, 2017 at 7:08 pm #845418
    kmotoyama

    Hello,

    Thank you for providing the nice theme and supporting.

    I would like to make a sticky Burger Menu Icon on mobile.(Not whole Header)

    I know how to make a sticky whole Header on mobile.
    However, I would like to make only Burger Menu Icon sticky on the right of top on the window on mobile.

    Is it possible?
    If possible, could you tell me how to do it?
    (We are using the Enfold 4.1.2 on WordPress 4.8.1-jp)

    Thank you
    kmotoyama

    • This topic was modified 7 years, 2 months ago by kmotoyama.
    September 1, 2017 at 2:38 pm #846870
    Yigit

    Hey Koji,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 990px) {
.responsive #top .av-main-nav .av-burger-menu-main {
    position: fixed;
    top: 50px;
}}

    Best regards,
    Yigit

    September 1, 2017 at 5:12 pm #846921
    kmotoyama

    Hello Yigit,

    Thank you for telling the code!

    It works perfect!

    Thank you again,
    Kmotoyama

    September 1, 2017 at 6:28 pm #846946
    Yigit

    Hi!

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to make a sticky Burger Menu Icon on mobile’ is closed to new replies.