-
AuthorPosts
-
August 30, 2016 at 2:44 pm #679463
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,
eCSeptember 1, 2016 at 3:52 pm #680792Hey 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,
YigitSeptember 1, 2016 at 4:02 pm #680800Awesome, 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,
eCSeptember 1, 2016 at 4:03 pm #680801September 1, 2016 at 4:06 pm #680802Of course, Yigit. :)
Oh, and is it also possible to have a little “+” indicator before the parent menu?
Thanks
- This reply was modified 8 years, 2 months ago by eC.
September 1, 2016 at 4:40 pm #680825Hey!
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,
YigitSeptember 1, 2016 at 4:44 pm #680833Thanks 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,
eCSeptember 1, 2016 at 4:47 pm #680836Hi!
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 -
AuthorPosts
- You must be logged in to reply to this topic.