Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 30, 2016 at 2:44 pm #679463
    eC

    Hey! :)

    Is it possible, when being on a SubMenu-Item, to have the page-name appear in white on the Sub-Menu, so the users can re-check on which page they’re on?

    Here I am on one of 2D / 3D … Subpage: http://prntscr.com/cc2uqf

    Also when being on Subpages, the line indicator on the Top-Menu (white on transparent, changes color to the specified one in the theme options when scrolling down and the menu shrinks) is missing.

    Thanks a bunch,
    eC

    September 1, 2016 at 3:52 pm #680792
    Yigit

    Hey eC,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-main-nav ul li.current-menu-item > a > .avia-menu-text {
    color: orange;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    September 1, 2016 at 4:02 pm #680800
    eC

    Awesome, thank you. :) It works: http://prntscr.com/ccxcdm

    But how can I readd the white horizontal line indicator below the parent menu, as that is missing when being on sub-pages: http://prntscr.com/ccxcoh
    Normal behavior when on the parent menu: http://prntscr.com/ccxdhk and http://prntscr.com/ccxdv4 when scrolled down.

    Thanks,
    eC

    September 1, 2016 at 4:03 pm #680801
    Yigit

    Hey!

    Can you please post the link to your website?

    Cheers!
    Yigit

    September 1, 2016 at 4:06 pm #680802
    eC

    Of course, Yigit. :)

    Oh, and is it also possible to have a little “+” indicator before the parent menu?

    Thanks

    • This reply was modified 7 years, 11 months ago by eC.
    September 1, 2016 at 4:40 pm #680825
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .menu li > a:after { content: ' +'; }
.av-main-nav li.current-menu-ancestor .avia-menu-fx {
    opacity: 1;
    visibility: visible;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    September 1, 2016 at 4:44 pm #680833
    eC

    Thanks for that solution, but this has added the “+” to all menu items: http://prntscr.com/ccxx7b

    But the indicator line works like a charme now. :)

    Is it possible to have the “+” only for the item with the subpages, and also the plus before the word, so for instance: “+ Services”?

    Thanks,
    eC

    September 1, 2016 at 4:47 pm #680836
    Yigit

    Hi!

    My bad. Please change the first line of the code to following one 

    .menu li > a:only-child:after {
    content: '';
}
.menu li > a:after {
    content: ' +';
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.