Top navigation selected category purple

Activello
1

Hi,

I need help reverting the colours of the top navigation and the selected category to grey/red.

There’s a wired purple that’s showing up since the last 2-3 days and I was able to fix part of it using a CSS snipped you posted for someone else on this forum but cannot still resolve the top level navigation colour.

site is: http://forkonaroad.com/

Sample CSS used in the customize section:
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
background-color: #A6ACAF;
color: #CB4335;
}

Please help.

Suman

2

Hey there,
Hope you’re doing well today

From my end, I’m seeing red as the color for active menu items.
Have you cleared your cache recently? If not, I’m going to ask that you clear your browser cache and see if that works.

I look forward to your reply :slight_smile:

Best Regards,
Support

3

Hi,

I did clear cache and still the selected category and post are purple - please see screen grab attached.

Thank you for the quick response.

Suman

4

PLEASE IGNORE THIS COMMENT - IT WAS ON THE SEARCH PAGE:

Oh, I noticed that on the Home page the columns after the first story is back to one column width, I’ve not changed that, why are automatic changes appearing on the site??

5
Oh, I noticed that on the Home page the columns after the first story is back to one column width, I’ve not changed that, why are automatic changes appearing on the site??

Nothing happens automatically until someone triggers it.

I can see two columns on your site as shown in the attached screenshot.

Could you please share the screenshot of the issue?

6

Hi,

Yes, like I noted, please ignore the home page 1-2 column issue comment.

The purple selected nav color issue still persists and was hoping you can help resolve the same. Please see comment and screen grab posted on April 28, 2017 at 10:15 pm.

Thank you,

Suman

7

You can resolve that issue by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #A6ACAF;
    color: #CB4335;
}

.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle{
    color:#dd0b0b;
}
8

Hi,

Thank you for the help, that worked!!

Thanks,

Suman

9

You are most welcome here :slight_smile:

10

HI There,

I am having this same issue. I put the additional CSS that you posted above and the issue is still the same. I appreciate your help in advance.

Julia(:
joyforjulia.com

11

Hey @julialane8611,
Hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

.dropdown-menu>.active>a:hover {
    background-color: #01879b!important;
    color: white!important;
}

.dropdown-menu> li> a:hover{
  background-color: #01879b!important;
  color: white!important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover{
  background-color: #01879b!important;
}

.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle{
  color: #01879b!important;
}

I hope this helps :slight_smile:

Best Regards,
Support