Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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 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

    • This topic was modified 2 weeks ago by JannyPolak. Reason: forgot to check notify box
    #1448933

    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

    #1448993

    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?

    #1449022

    Hi,

    Please try this CSS as well:

    #av-burger-menu-ul ul.sub-menu ul.sub-menu a {
      font-size: 16px;
    }

    Best regards,
    Rikard

    #1449063

    this does not change the font size of the mobile link text under the mega menu

    #1449086

    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

    #1449316

    Thanks a lot!

    I am happy!

    #1449382

    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

    #1449434

    Thanks you can close it

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Adjust style of mega menu for mobile’ is closed to new replies.