Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 6, 2018 at 4:15 pm #993983
    eKMUch

    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

    August 6, 2018 at 6:44 pm #994034
    Jordan Shannon

    Hey eKMUch,

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

    Best regards,
    Jordan Shannon

    August 7, 2018 at 9:58 am #994285
    eKMUch

    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

    August 9, 2018 at 12:05 pm #995409
    Ismael

    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

    August 13, 2018 at 11:03 am #996615
    eKMUch

    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 5 years, 8 months ago by eKMUch.
    August 13, 2018 at 2:19 pm #996689
    Victoria

    Hi maurice,

    Best regards,
    Victoria

    August 14, 2018 at 11:28 am #997033
    eKMUch

    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

    August 14, 2018 at 2:59 pm #997120
    Victoria

    Hi maurice,

    But did you get it working for you?

    Best regards,
    Victoria

    August 15, 2018 at 10:07 am #997483
    eKMUch

    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

    August 15, 2018 at 8:57 pm #997675
    Basilis

    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

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