Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 1, 2015 at 2:04 pm #481672
    tredition

    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 #482153
    Yigit

    Hi tredition!

    Seems like you have figured it out already – http://i.imgur.com/VI4GZSz.png? :)

    Regards,
    Yigit

    August 3, 2015 at 3:41 pm #482160
    tredition

    Hi 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 #482528
    Ismael

    Hi!

    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!
    Ismael

    August 5, 2015 at 2:47 pm #483368
    tredition

    Hi 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, 3 months ago by tredition.
    August 7, 2015 at 10:58 am #484404
    Yigit

    Hi!

    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!
    Yigit

    August 7, 2015 at 11:16 am #484426
    Andy

    Hi!

    when I open the link you have provided then I see this:

    which looks exactly how you want it. Did you clear browser cache?

    Cheers!
    Andy

    August 7, 2015 at 12:04 pm #484469
    tredition

    Hi 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 #484979
    Andy

    Hey!

    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

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