Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 16, 2018 at 9:20 am #973564
    jeroenbr

    Hi there,

    I can’t find any option to make your burger menu “following” the screen in tablet and mobile mode.
    People need to scroll all the way up to reach for the menu again.
    Its quite a common thing but I cant find it in the documentation.

    Is there a sulution for this?

    June 16, 2018 at 5:51 pm #973664
    Jordan Shannon

    Hey jeroenbr,

    Add this to quick css:

    .av-hamburger.av-hamburger--spin.av-js-hamburger{
position:fixed!important;
margin-left:-20px!important;
}

    Best regards,
    Jordan Shannon

    June 16, 2018 at 11:21 pm #973789
    jeroenbr

    Thank you very much!
    But is it also possible that the whole header will move instead of only the hamburger menu.

    June 17, 2018 at 6:55 pm #973991
    Victoria

    Hi jeroenbr,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
        position: fixed;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 18, 2018 at 2:39 pm #974283
    jeroenbr

    both methods do not work.

    June 18, 2018 at 3:46 pm #974326
    Victoria

    Hi jeroenbr,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Where are you putting the code?

    Best regards,
    Victoria

    June 18, 2018 at 4:27 pm #974346
    jeroenbr

    I tried in custom css and custom.css.
    In the custom.css in both general and mobile area.
    Nothing worked.

    What I mean is when you go to the website in mobile mode you have the white header with logo and burgermenu.
    In quite allot of theme’s this will stick to the top and stays there when you scroll down.
    At the moment the menu will scroll and stick to the top but the header disapears.

    See the private content for the wordpress login.

    June 18, 2018 at 4:58 pm #974360
    Victoria

    Hi jeroenbr,

    So, the code works, you just don’t like what it does, right?

    You can try using shrinking header. It is available in the theme options.

    Best regards,
    Victoria

    June 18, 2018 at 11:01 pm #974533
    jeroenbr

    I appreciate your help immensely. But I do not think you understand me well. As you can see on the website (see link in private section) I use the menu on the left. In the mobile version this transforms into a white header with the logo and the burger menu. At the moment the burger menu is neatly scrolling, but since the white header is left standing it does not look nice.

    My question is therefore whether it is possible that the white header also scrolls and stays in its position at the top of the browser.

    June 19, 2018 at 7:47 pm #974891
    Victoria

    Hi jeroenbr,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header.header_color {
        position: fixed;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 19, 2018 at 8:18 pm #974924
    jeroenbr

    Thank you very much Victoria, you can close the thread!

    June 19, 2018 at 8:19 pm #974928
    Jordan Shannon

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Mobile menu follow’ is closed to new replies.