-
AuthorPosts
-
August 6, 2018 at 4:15 pm #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).
ThanksAugust 6, 2018 at 6:44 pm #994034Hey eKMUch,
Please provide a link to the site/page in question so we can look into this issue further?
Best regards,
Jordan ShannonAugust 7, 2018 at 9:58 am #994285Hey 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
mauriceAugust 9, 2018 at 12:05 pm #995409Hi,
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,
IsmaelAugust 13, 2018 at 11:03 am #996615Hi 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.
August 13, 2018 at 2:19 pm #996689Hi maurice,
Best regards,
VictoriaAugust 14, 2018 at 11:28 am #997033Hi 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
mauriceAugust 14, 2018 at 2:59 pm #997120Hi maurice,
But did you get it working for you?
Best regards,
VictoriaAugust 15, 2018 at 10:07 am #997483Hi 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
mauriceAugust 15, 2018 at 8:57 pm #997675Hi,
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 -
AuthorPosts
- The topic ‘Sticky mobile Menu / non sticky’ is closed to new replies.