X-Cart forums

[john.hodson@iinet.net.au]

Hello,

The background of our primary menu is green (#005D57) with white letters, and previously with the help of this forum, we managed to change the Custom CSS so that the background of our sub-menu to the primary menu when hovered upon was green, with white letters. https://forum.x-cart.com/showthread.php?t=73901

It worked until just recently when we realised that, for some reason, the sub-menu background as well as the letters became all white, hence we now cannot read anything in the sub-menu. (See the "Photo Gallery" dropdown menu in www.sportingoutbacksupplies.com.au, which should show 2 sub-menus.)

At the moment, we have the codes below in Custom CSS, but don't know why it worked for a couple of months and now the dropdown sub-menu is no longer working. 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;
}
ul#top-main-menu > li > ul > li > a {
background-color: #005D57 !important;
color: #ffffff !important;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff !important;
background-color: #005D57 !important;
}
.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 !important;
}

Thank you in advance.

Cheers,
John

[Triple A Racing]

Hello John

Long story short... The upgrade to 5.2.16 added changes via Simple CMS and these changes can have an effect on menus like yours (and ours). We saw these in advance on our Dev store, together with some other upgrade challenges, so we initially ran XC Tickets with good results, but then added / changed some things ourselves afterwards, in order to produce a final setup, which was then added to our Live store.

Our final Top Menu CSS changes are shown below FYI. We apply these via Custom Skin, but it's fine via Custom CSS too. We're pretty sure that the Sub Menu section is what you'll probably need to look closely at, in order to solve your "White Death" sub-menu challenge. Don't forget to clear the browser cache each time you review your CSS updates just in case...

/* Top Main Menu, colour and style */
.navbar-inverse {
  background-color: #000000;
  border-color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #58585a;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #363636;
}

/* Top Main Menu > Sub Menu, colour and style */
.top-main-menu li li span.primary-title,
.top-main-menu li li a:link,
.top-main-menu li li a:visited {
  color: #ffffff;
}
.top-main-menu li li,
.top-main-menu li li a:active,
.top-main-menu li li a:link {
  background: none repeat scroll 0% 0% #676767;
}
.top-main-menu li li a:hover {
  background: none repeat scroll 0% 0% #363636;
}

[john.hodson@iinet.net.au]

Thank you very much. Think you have solved our "White Death" sub-menu issue. (We thought Customs CSS was safe from any version updates.)

Thanks again.

Cheers,
John