Mobile submenu background color

  • Resolved kurtlopes

    (@kurtlopes)


    6 years, 9 months ago

    Hi !
    I’m having trouble changing the color of the submenu items on mobile.
    Can’t seem to change it even with css.

    Can you help ?
    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megamenu

    (@megamenu)

    6 years, 9 months ago

    Hi Kurt,

    Thanks for posting a link. There is some !important CSS which is stopping you from easily changing the colours. Please try this:

    .mean-container .mean-nav ul li li a {
    color: black !important;
}

    I can see a few conflicts (with the arrows too) and it may be easier to use a different plugin for your mobile menu.

    Regards,
    Tom

    Thread Starter kurtlopes

    (@kurtlopes)

    6 years, 9 months ago

    Thanks for the fast reply…

    I’ve made the changes you suggested, and for the mobile menu i’m using Responsive Menu (with breakpoint set to 600px), but the Max Mega Menu disappears when the window size reaches 1050px. Can’t figure out why…

    Plugin Author megamenu

    (@megamenu)

    6 years, 9 months ago

    Hi Kurt,

    Your theme has some hard coded CSS which hides the menu container on smaller screens:

    https://screencast.com/t/bMoSSY9ALjM9

    You could override that with some custom CSS (you would need to use !important for it to take effect). However, the menu will then drop onto a new line below the logo on smaller screens, so it may be better (and easier) to set your Responsive Menu breakpoint to 1050px to sync it up with your theme.

    Regards,
    Tom

    Thread Starter kurtlopes

    (@kurtlopes)

    6 years, 9 months ago

    Hi.
    Once again thanks for the help.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile submenu background color’ is closed to new replies.