Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 12, 2017 at 4:55 am #792036
    envisageiam

    Hi,

    I need to make the main navigation button and sub nav button active when on certain pages. If you look at the reference link below, that is one of the pages that when viewing I want to make the “Practice Areas” > “Personal Injury” in the main navigation active. Same as how the second link that provided below works.

    May 12, 2017 at 1:31 pm #792277
    Victoria

    Hey envisageiam,

    Please refer to this thread for a possible solution.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 13, 2017 at 12:54 am #792559
    envisageiam

    I was unable to get any of those options to work. Can you login and take a look at what I’m doing wrong.

    May 13, 2017 at 7:06 am #792647
    Sarah

    Hi,

    Please try this code:

    
.current-page-ancestor { background:#721a1e !important; }
.current-page-ancestor > a { background:#721a1e !important; color:#ffffff !important; }
.current-page-ancestor > a:hover {background: #541518 !important;}

    Best regards,
    Sarah

    • This reply was modified 7 years, 5 months ago by Sarah.
    May 13, 2017 at 11:36 pm #792818
    envisageiam

    That worked perfect for the top level main navigation item. Is there a way to have the sub category stay active as well? Like how it is when viewing the link below. Is it also possible to keep the roll over eve when scrolling the sub category as well?

    May 13, 2017 at 11:44 pm #792820
    envisageiam

    Or if you look at this page, the subcategory item is working correctly, but the main top level navigation item isn’t red

    May 14, 2017 at 1:01 pm #792908
    Sarah

    Hi!

    I checked the second link you gave, and it seems like the top level navigation isn’t an ancestor of the page. Can you check the parent page settings?

    Best regards,
    Sarah

    May 18, 2017 at 5:01 am #795222
    envisageiam

    I have all the parent settings correct. Below is the sub level structure so you can see how its not working.

    May 18, 2017 at 6:07 am #795249
    Sarah

    Hi,

    Please try setting Practice Areas as the Parent of Business Fraud, the same way you did it for Auto Accidents.

    Best regards,
    Sarah

    May 18, 2017 at 11:53 pm #796237
    envisageiam

    I’ve updated it and nothing has changed

    May 19, 2017 at 2:41 am #796267
    Sarah

    Hi,

    That’s because the CSS I’ve given you wasn’t in Quick CSS yet. I’ve put it in, and it works now. :)

    By the way, I noticed you’re still on Enfold 3.6.1. We recommend you update to the latest version of Enfold soon. :)

    Best regards,
    Sarah

    May 19, 2017 at 5:31 am #796313
    envisageiam

    No, that didn’t work. Now it doesn’t hight light the ANY of the sub categories. It makes the whole background red. When you click the link below you can see that in the drop down navigation its not highlighted anymore. Same for auto accidents. Yes, it makes the top navigation item highlighted, but it now stops the subcategories from being highlighted. The roll over doesn’t work anymore either with whatever you did.

    May 19, 2017 at 5:59 am #796320
    Sarah

    Hi,

    Please check your website now. I also updated the code here.

    It should work for all pages, as you can see in Breach of Fiduciary Duty. It works a little differently for Auto Accidents and other subpages of Personal Injury, since their parent page is Practice Areas, not Personal Injury.

    I hope that’s clear, and please do let us know if we missed anything.
    Best regards,
    Sarah

    May 19, 2017 at 6:28 am #796341
    envisageiam

    That worked great. That you for all your help.

    May 19, 2017 at 7:45 am #796394
    Sarah

    You’re welcome, and thank you for using Enfold!

    Do let us know here in the forums if you need help with anything else.

    Cheers!
    Sarah

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Navigation Background Color Active’ is closed to new replies.