-
AuthorPosts
-
August 1, 2015 at 2:04 pm #481672
Hi Kriesi-Team,
I tried several code-proposals from the forum to highlight the current main menu items, but nothing works. At the moment I use this code in the Quick CSS:
.header_color .main_menu .current-menu-item > a > span.avia-menu-text { color: #46b57a !important; background: #ffffff !important; }
But this highlights just the sublevel and not the main menu items. But both should be activated!
What do I have to paste in the Quick CSS? Please see our website below.
Regards, Sandra
August 3, 2015 at 3:34 pm #482153Hi tredition!
Seems like you have figured it out already – http://i.imgur.com/VI4GZSz.png? :)
Regards,
YigitAugust 3, 2015 at 3:41 pm #482160Hi Yigit,
no, unfortunately not. It is just the case if the main menu link is the same of the submenu (each main menu item is forwarded to one item of the submenu). Please click to another item of the submenu. Then you will see that the main menu is not highlighted anymore.
Regards
Sandra
August 4, 2015 at 7:23 am #482528Hi!
You can use this in the Quick CSS field in order to adjust the active parent menu item font color:
.active-parent-item a .avia-menu-text { color: red !important; }
Cheers!
IsmaelAugust 5, 2015 at 2:47 pm #483368Hi Ismael,
thanks for your reply! I inserted the code but now all items in the submenu have the same color! Normally the color ist #303030. But now all items under the active menu get the new color!
Furthermore the green buttom-border is missing that you can see if you klick on the main menu item for example the link bellow in the private data.
This are the current codes for the main menu I inserted in the Quick CSS:
.header_color .main_menu .current-menu-item > a > span.avia-menu-text { color: #46a57b !important; background-color: #edf3f0 !important; } #top .av-main-nav li a:hover .avia-menu-text { color: #46b57a !important; } .active-parent-item a .avia-menu-text { color: #46a57b !important; }
Regards
Sandra
- This reply was modified 9 years, 4 months ago by tredition.
August 7, 2015 at 10:58 am #484404Hi!
Please change Ismael’s code to following one
.active-parent-item > a > .avia-menu-text { color: red !important; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field
Cheers!
YigitAugust 7, 2015 at 11:16 am #484426August 7, 2015 at 12:04 pm #484469Hi Andy,
thanks, that works! Ismael forgot to insert the sign > before and after “a”. That was the reason why it did not work.
If I click on this menu item, there is also the bottom line in green: https://tredition.de/leistungen-self-publishing/
But on this link, the bottom line is not highlighted. What else do I have to insert in the quick CSS?Thanks for your help!
Sandra
August 9, 2015 at 11:25 pm #484979Hey!
it is highlighted for me, so not sure what you mean. Can you provide us screenshots to make things clear please? use imgur.com or dropbox.
Regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.