Tagged: mega menu style on mobile
-
AuthorPosts
-
June 11, 2024 at 5:04 pm #1448904
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 otherCannot 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
-
This topic was modified 1 year, 5 months ago by
JannyPolak. Reason: forgot to check notify box
June 11, 2024 at 8:37 pm #1448933Hey 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,
RikardJune 12, 2024 at 11:15 am #1448993Thanks, the distance improved!
Any idea also how to increase the font size for the sub– and the sub, sub links? in the mega menu?
June 12, 2024 at 12:22 pm #1449022Hi,
Please try this CSS as well:
#av-burger-menu-ul ul.sub-menu ul.sub-menu a { font-size: 16px; }Best regards,
RikardJune 12, 2024 at 3:20 pm #1449063this does not change the font size of the mobile link text under the mega menu
June 12, 2024 at 4:45 pm #1449086Hi,
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,
MikeJune 13, 2024 at 10:33 am #1449316Thanks a lot!
I am happy!
June 13, 2024 at 12:56 pm #1449382Hi,
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,
RikardJune 13, 2024 at 2:20 pm #1449434Thanks you can close it
-
This topic was modified 1 year, 5 months ago by
-
AuthorPosts
- The topic ‘Adjust style of mega menu for mobile’ is closed to new replies.
