Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #223875

    Hi,

    On my website I have a drop down menu, when the main page is selected it has a black underline underneath to show which page is selected. However, when visiting a child page the parent loses its underlining. I would like four all child pages and the main parent to have the underlining to reference which page or section you are currently visiting.

    Thanks in advance,
    Stoley.

    #223900

    Hi ccimaging!

    Please add this code into the quick css field (Angular > Theme Options > Styling):

    
    .main_menu ul:first-child > li.current-menu-ancestor > a, .main_menu ul:first-child > li.current-menu-ancestor > a, #top #wrap_all .current-menu-ancestor>a{
    color: #3C3C3C;
    }
    
    div .main_menu ul:first-child > li.current-menu-ancestor > a, div .main_menu ul:first-child > li.current-menu-ancestor > a{
    border-color: #f0b70c;
    }
    

    and use other color values if necessary.

    Regards,
    Peter

    #223907

    Hi Peter,

    I have added that code into my quick css but there is no change with my website. The underline of the main page of the drop down list looses its underline once im in the child page still.

    Thanks,
    Stoley.

    #224019

    Hey!

    Please adjust Peter’s first line of code to following

    .main_menu ul:first-child > li.current-menu-ancestor > a, .main_menu ul:first-child > li.current-menu-ancestor > a, #top #wrap_all .current-menu-ancestor>a{
    border-bottom: red 2px solid;
    }

    It does work fine on my local installation

    Cheers!
    Yigit

    #224880

    Hi Yigit,

    Thanks alot, it is now working perfectly.

    Thanks again,
    Stoley.

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

The topic ‘Navigation Menu Loses Highlight in Child Page’ is closed to new replies.