X-Cart forums

[john.hodson@iinet.net.au]

Hello,
Our primary menu's background is green (#005D57) with white letters. But the background of our sub-menu to the primary menu is white, with white letters. So, we can't see anything in the dropdown menu. See the "Photo Gallery" dropdown menu, which should show 2 sub-menus.

At the moment, we have the codes below in Custom CSS, but don't know what else to add to make the dropdown menu visible on hover. Please, what do we need to change so that when we click on the Primary Menu, the dropdown menu is visible and shows green background (#005D57) with white letters (#ffffff)?

/**
* Top menu main block styling
*/
.navbar-inverse {
background-color: #005D57;
border-color: #005D57;
color: #ffffff !important;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff !important;
background-color: #005D57;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff !important;
background-color: #005d57;

}



Thank you.
John

[qualiteam]

Hello John,

Please can you share a link to your website? This may help us to understand what are your CSS rules and how these should be tweaked.

[john.hodson@iinet.net.au]

Hi Alex,
We are new to this. Is it this link you are after?

If not, please let me know what information you need.

The problem is with the "Photo Gallery" drop-down menu.

(You and Igor also helped us previously with this thread re global changes to background colour and font: https://forum.x-cart.com/showthread.php?t=73850.)

John

[razortw]

.navbar-inverse {
background-color: #005D57;
border-color: #005D57;
color: #ffffff !important;
}

This rule makes the font color white.
Add the following to your custom CSS to amend

ul#top-main-menu > li > ul > li > a {
  color: #333 !important;
}

[john.hodson@iinet.net.au]

Fantastic, it works! Thank you very much Igor.
Have a good weekend.
Cheers,
John