Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #993983

    Hi Guys,
    I have a question – is it possible to have a sticky mobile menu but only for the main menu and not for the toplevel menu so that the toplevel (second menu) disappears after scrolling down? I am talking about the mobile menu only (no desktop).
    Thanks

    #994034

    Hey eKMUch,

    Please provide a link to the site/page in question so we can look into this issue further?

    Best regards,
    Jordan Shannon

    #994285

    Hey Jordan,
    Thanks for your assistance.
    Please find below.
    If you look at the mobile version you will see a bright blue top navigation (with Kontakt, Spenden, Partner, etc.) and below the main menu. Main menu should be sticky and top navigation (bright blue) not, if somehow possible).
    Thanks
    maurice

    #995409

    Hi,

    Thank you for using Enfold.

    You can try these css codes.

    @media only screen and (max-width: 767px) {
    .header-scrolled {
        position: fixed;
    }
    
    .header-scrolled #header_meta {
        display: none;
    }
    }

    Don’t forget to toggle the css/js compression in the Enfold > Performance panel if they’re enabled.

    Best regards,
    Ismael

    #996615

    Hi Ismael,
    Fantastic as always :) Thanks a lot.
    One little issue however still exist. So when the mobile page is loaded, everything looks good on a first glance. However, as soon as I start to scroll down and the toplevel menu disappears as planned :) the burger menu and the search icon move up a little and they are no longer vertically centered. Is it possible to solve that, that it remains visually appealing?
    Additionally, I found out that the menu on mobile overlaps the slideshows, which looks really really bad. I guess it just needs more space above the slideshow so that the menu is not laying over the slideshow.

    Many thanks
    maurice

    • This reply was modified 6 years, 3 months ago by eKMUch.
    #996689

    Hi maurice,

    Best regards,
    Victoria

    #997033

    Hi Victoria,
    Great thanks a lot. Couldn’t find it in the quick CSS or Stylesheet though, had to navigate to the dynamit_avia and manipulate a merged-style file to find this code line … no idea where this came from …
    Anyways thanks again for your hint :)
    Best
    maurice

    #997120

    Hi maurice,

    But did you get it working for you?

    Best regards,
    Victoria

    #997483

    Hi Victoria,
    Thanks for following up. Well the moment I changed the code it worked. Unfortunately, some hours later it swiched back and the problem appeared again :-/
    This time I removed the !important tag via editor in the layout.css – and for now it works. Hope this time it stays that way otherwise I will write again ;)
    Thanks
    maurice

    #997675

    Hi,

    If it comes back seems that something is caching – so you can get that out and refreshes cache…
    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Sticky mobile Menu / non sticky’ is closed to new replies.