Tagged: mega menu style on mobile
Hi
For lodgesgrou.nl I use the megamenu for the tab ‘Zoek en Boek’
On large screens it is okay, however, on mobilie the fonts are too small and the lines too close to each other
Cannot find in the documentation how to adjust this to larger letters and spacing (esp. between the column name and the first sublink.
E.g. between ” Rietreiger VAkantielodge (65m2) and the sublink ‘Algemene info Rietreiger’
Also in childtheme advanced style I cannot find an option to do this
Hey JannyPolak,
Please try the following in Quick CSS under Enfold->General Styling:
#av-burger-menu-ul ul.sub-menu ul.sub-menu {
padding-top: 20px;
}
Best regards,
Rikard
Thanks, the distance improved!
Any idea also how to increase the font size for the sub– and the sub, sub links? in the mega menu?
Hi,
Please try this CSS as well:
#av-burger-menu-ul ul.sub-menu ul.sub-menu a {
font-size: 16px;
}
Best regards,
Rikard
this does not change the font size of the mobile link text under the mega menu
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#av-burger-menu-ul ul.sub-menu ul.sub-menu .avia-menu-text {
font-size: 20px;
}
After applying the css, please clear your browser cache and check.Feel free to adjust the size to suit.
Best regards,
Mike
Thanks a lot!
I am happy!
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Thanks you can close it