Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 28, 2014 at 12:57 pm #271087
    Michael Oeser

    Hi there,

    If I´m on a main page that´s included in the main navigation the navigation element is highlighted. I´d like to have this element also highlighted when I´m on a subpage of this main page.

    Any quick css available for that?

    Thanks
    Michael

    May 28, 2014 at 1:41 pm #271103
    Yigit

    Hi Michael!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header_color .main_menu ul:first-child > li.active-parent-item > a .avia-menu-fx { opacity: 1; visibility: visible; }

    Regards,
    Yigit

    May 28, 2014 at 1:41 pm #271104
    Michael Oeser

    Just to make it a bit clearer. See screenshot at https://dl.dropbox.com/s/34zdf0lemls635p/index.html

    Screenshot

    This is how it looks like on the mainpage “Leistungen” and I´d like to have that also highlighted the same way if I´m on a subpage of the main page “Leistungen”

    Thanks again
    Michael

    • This reply was modified 10 years, 7 months ago by Michael Oeser.
    May 28, 2014 at 1:44 pm #271107
    Michael Oeser

    You were faster than I was ;-)

    But unfortunately it doesn´t seem to work

    May 28, 2014 at 2:07 pm #271113
    Yigit

    Hi!

    It does work fine on my end – http://i.imgur.com/j7msgUr.png
    Can you post the link to your website so i can take a look? :)

    Best regards,
    Yigit

    May 28, 2014 at 2:16 pm #271117
    Michael Oeser
    This reply has been marked as private.
    May 28, 2014 at 2:19 pm #271121
    Yigit

    Hey!

    Have you added subpages as children of the parent page?

    Best regards,
    Yigit

    May 28, 2014 at 2:19 pm #271122
    Michael Oeser

    Well for some reason it seems the css doesn´t get recognized

    I added

    .header_color .main_menu ul:first-child > li.active-parent-item > a .avia-menu-fx { opacity: 1!important; visibility: visible!important; }

    to my child themes style.css file

    • This reply was modified 10 years, 7 months ago by Michael Oeser.
    May 28, 2014 at 2:21 pm #271126
    Michael Oeser

    Sure. The page “Pressecenter” is a subpage of “Unternehmen” you can see that in the URL as well

    …/unternehmen/pressecenter/

    May 29, 2014 at 6:32 pm #271905
    Yigit

    Hey!

    Please add following code to Quick CSS instead

    .current-page-ancestor .avia-menu-fx {
opacity: 1;
visibility: visible;
}

    Regards,
    Yigit

    May 30, 2014 at 10:21 am #272301
    Michael Oeser

    Awesome. Works.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Quick CSS to highligt nav elements on subpages?’ is closed to new replies.