Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 24, 2024 at 8:15 am #1435270
    DianaLoola73

    Dear Support Team,

    On the website https://gerlindemichel.osmosis.de/ the burger menu is active for the tablet and the mobile version: but when you open the burger menu on the mobile devices, the navigation is not visible. This is probably due to the fact that the header for this page is transparent for the desktop version and the navigation color is displayed in white.
    What can I do to ensure that the navigation in the burger flyout menu is displayed in black on mobile devices?
    See screenshots:
    Tablet: https://osmosis.de/support/gm/home/nav-mobile.jpeg
    Cell phone: https://osmosis.de/support/gm/home/nav-tablet.jpeg

    Best regards, Diana

    February 24, 2024 at 11:22 pm #1435327
    Mike

    Hey Diana,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all #header .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    color: #000;
    font-size: 16px;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 5, 2024 at 7:34 am #1436324
    DianaLoola73

    many thanks for the script. now it works correctly!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Burger Menu – Flyout – Menu not visible’ is closed to new replies.