I ma having an issue with the background colour of the max mega menu. I have set the parameters Menu Background | Panel Background to transparent but in my page i see a gray color for the first level menu : Menu Level 1 and a more dark gray for the second and thrird level menu items : Menu 2.

How can i change these colours to transparent for the whole menu background layout? Do i need to fiddle with he css files?

Any help is appreciated!

Lampros

I see you’ve already answered how to change the background colour of the menu, but when I enter

[off-canvas] {
background-color: white !important;
}

the text colour of the menu items is white as well and therefore invisible. I tried changing it in the colour customizer, but that doesnt seem to work. So my question is, is there a CSS code to change the text colour of the menu items?

Thanks for your help!

Thanks

I have managed to change most of the black to various shades of blue using the CSS below.

However I cannot figure how to change the Top Menu, background color when my pointer is on the sub menu, I still get a black background, I would like to change this menu colour too.

The black is more visible on all the main menu items on mobile view.

Many Thanks for your help.

Titus

#top-menu li a:hover {
background: skyblue !important;
}
ul.sub-menu {
background: #64c4ea !important;
}

.main-navigation ul li.current_page_item > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_ancestor > a {
background: skyblue !important;
}

It hasn’t changed to the same colour as the menu as it is transparent now and showing the detail of the page below it when it comes down.

I have been able to make it so that when you hover over one of the links in the drop down menu it has a background colour and you can therefore see the text but it doesn’t look good when the full menu drops down over the page detail and you can’t read it.

Anyone able to help me put back the colour into the drop down menu?

www.NJDPeopleConsulting.co.uk

Thanks,

Hi,

I have recently launched this website: www.nourishinglolaandsage.com.au

However when I access it from the mobile phone, the menu is almost black and you can’t see any of the options. Is there a way that I can change the colour? I can’t seem to do it from the theme options and can’t seem to find out how to do it from the forums.

I would like the change the background to a light grey.

On a side note, occasionally the menu is not able to be clicked on either. Is there a reason for this? I have deactivated all my plugins and started again, but this issues stays the same.

Thanks

wonder if you can help me… I am trying to remove the breadcrumbs for the site I am building on Vogue.

https://www.straighttalkingwebsites.co.uk/trouble.html

I have read a couple of other forum conversations, and tried them, but they don’t appear to make a difference.

Another issue I have is that I can’t seem to change the font colour when your hover over the menu – I need a blue, but it doesn’t allow me – I have a pink! This is, I am assuming, the limitations of the free version of Vogue, however is there a way around this? Has anyone got any experience of Vogue?

Can anyone help me please?