Return to previous page

Custom Main Menu issue - by damon - on WordPress WooCommerce support

This topic has 10 replies, 3 voices, and was last updated 7 years, 6 months ago ago by Max Mullins

damon

Participant

May 22, 2017 at 23:41

Hi there,

I have changed the code is custom css to make main menu on homepage black, font white, but when hovered over the font becomes red.

However, when selecting and in a menu category. That menu font becomes invisible on the menu bar.

I would like it to remain white and visible on the menu bar, when that in that category.

Here is the code I have so far. Please could you alter or add to the code for the above to happen.

Many thanks

.main-nav {
background-color: black;
}

.main-nav .menu > li > a {
font-size: 12px;
font-weight: 400;
color: white;
}

.main-nav .menu > li > a:hover {
color: red !important;

}

Please, contact administrator
for this information.

#163831 Copied

9 Answers

Rizath

Member

May 23, 2017 at 06:57

hello,

use following custom css to remain white and visible on the menu bar, when that in that category.

.main-nav .menu > li.current-menu-item > a { color: #fff!important; }

#163847 Copied

damon

Participant

May 23, 2017 at 16:05

HI there,

Sorry this is not working for me.

I tired adding the code you sent to the existing code in message above and does not work.

Please login to my wordpress if needs be.

Thanks again

Please, contact administrator
for this information.

#163944 Copied

Rizath

Member

May 24, 2017 at 06:29

for me it looks fine..
selected page navigation name is white now.
check the screenshot in private content.

clear your browser cache and see your site

Please, contact administrator
for this information.

#163977 Copied

damon

Participant

May 25, 2017 at 00:35

Hi there,

So sorry really cannot seem to find where to find private content.

But have cleared browser cashe, and still does not seem to be working for me.

For example, when clicking on SHOP WOMEN from main menu in homepage, this brings up a the shop women page, but “SHOP WOMEN” then goes blank / disappears in the menu.

I would like it to still appear white when clicked into.

Thanks again

#164099 Copied

Rizath

Member

May 25, 2017 at 05:49

here about us page is selected and the navigation about is white : https://prnt.sc/fbf3u8
so it is ok right?

#164106 Copied

damon

Participant

May 25, 2017 at 10:23

HI Thevathson,

Thanks.

It seems to be working for ABOUT and CONTACT on the menu.

But if you try SHOP WOMEN, DESIGNER SALE INVITE, BRANDS, it is not working.

Thanks again

#164126 Copied

Max Mullins

Participant

May 25, 2017 at 14:02

Hello, @damon.

Please add following code into the custom.css:
#menu-main-navigation-2 .current-menu-item a{color:red}

Regards,
Max Mullins

#164154 Copied

damon

Participant

May 25, 2017 at 17:34

HI Max,

This seems to work.

Not the ideal solution, as the text in the sub menus changes to red also.

Any further code you can provide me for this to happen.
Please refer to SHOP women.

You will see when on this page,

SHOP WOMEN now appears red, but sub categories also appear red.

Would it be possible for these to appear black.

No worries if not.

Thanks again

#164180 Copied

Max Mullins

Participant

May 26, 2017 at 15:46

Hello

Pleae try out following line instead of previous:

#menu-main-navigation-2 .current-menu-item .item-level-0 a{color:red}

Regards,
Max Mullins `

#164259 Copied
Viewing 10 results - 1 through 10 (of 10 total)