[Resolved] Drop Down Menu Text Color Control

Tagged: 

  • Author
    Posts
  • #7481

    Ben
    Participant

    Hi all,

    This theme is working really well for me, and the custom options in the premium version are a great timesaver. On my site I have a slight problem with my menu colors though.

    My main menu is set for cream text and a red background, even when you change page. The drop-down menu, though, has an inverted colour scheme (ie red text, cream background).

    No problem, but when I’m on one of the pages accessible through the dropdown menu the CSS resets the color of that page’s text in the dropdown menu to cream. Because the background is cream too, the text is invisible.

    Here is the website:

    UK Copywriting

    And here is a page with the issue. Note that if you hover on the “Clients” menu the current page’s title will be invisible until you mouse over it.

    Bespoke Digital

    I think there’s probably a way to control this, because the dropdown menu’s color can be controlled independently of the main menu. I’ve tried adding this CSS, but it hasn’t made any difference:

    .main-navigation ul li:visited > a {
    color: #ac3931;
    }

    For whatever reason this problem doesn’t occur in the Customizer view, I’m not sure why.

    Any help would be much appreciated!

    Thanks,

    Ben

    #7487

    Andrew Misplon
    Keymaster

    Hi Ben

    Thanks for the wait. Sorry I wasn’t able to reply sooner. Please, try at Customize > Additional CSS:

    .main-navigation ul ul .current-menu-item > a {
    	color: #ac3931;
    }

    Adjust as required.

    Thanks for your support. Let me know how that goes.

    #7488

    Ben
    Participant

    Hi Andrew,

    That’s done the trick, thanks very much! And thankyou as well for the very quick reply.

    Cheers,

    Ben

    #7489

    Ben
    Participant

    By the way, just out of curiosity do you know why I wouldn’t experience this problem when using the Customizer?

    #7490

    Andrew Misplon
    Keymaster

    In order to help out one page designs that need current section indication, we’re handling current menu item classes using JavaScript. Unfortunately, that isn’t rendered in the Customizer. Sorry for the confusion. Glad I could help get things fixed up 🙂

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Scroll to top