Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 20, 2019 at 4:54 pm #1080912
    Webkosmonaut

    Hey,
    I have a question:
    On my one-page site I only use anchor links in the menu that lead to different sections on the page.
    To display the active link in black, I used the following code:

    .header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
		color: #000!important;
}

.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
		color: #8C8C8C; 
}

    My problem: The first link in my burger menu in mobile view (here “start”) always remains in black.
    What can I do to have the active link in black also in my burger menu?
    Best regards

    March 20, 2019 at 9:26 pm #1081039
    Jordan Shannon

    Hey Webkosmonaut,

    Please refer to the following:

    https://kriesi.at/support/topic/new-mobile-menu-highlight-active-element/

    Best regards,
    Jordan Shannon

    March 22, 2019 at 8:26 pm #1081997
    Webkosmonaut

    Hey Jordan,
    Thank you for your response.
    Unfortunately, the tips didnt help me. I tried the code but nothing happened.
    I want the active section of the page in the burger menu to always be highlited in black font.
    Maybe I did something wrong in the previous CSS?
    Can I give you the login so you can take a quick look on it?
    Best regards

    March 24, 2019 at 6:34 pm #1082300
    Jordan Shannon

    Hi,

    Yes, please. Add it to the private area.

    Best regards,
    Jordan Shannon

    March 25, 2019 at 2:09 pm #1082670
    Webkosmonaut

    Okay, thanks.

    March 26, 2019 at 8:20 am #1082992
    Victoria

    Hi Webkosmonaut,

    I added the code for you. Please check.

    Best regards,
    Victoria

    March 27, 2019 at 10:12 pm #1083801
    Webkosmonaut

    Hey Viktoria,
    thanks for your help!
    It only works in the customizer in the smartphone simulation but not on my smartphone or ipad.
    Do you have another idea?
    Best regards

    March 27, 2019 at 10:16 pm #1083806
    Webkosmonaut

    btw I have always wrote the additional css in the customizer. Is it better to put everything in the Quick Css area in “Enfold theme options”?

    March 30, 2019 at 7:29 pm #1084952
    Basilis

    Hi,

    Nah, there is no difference where ever you fill better it is the best way :)

    Best regards,
    Basilis

    April 1, 2019 at 7:26 pm #1085674
    Webkosmonaut

    Hey Basilis,
    Aight, thanks :)
    Do you have an helpful tip for my problem with the active Burger Menu element?

    April 4, 2019 at 11:53 am #1087000
    Ismael

    Hi,

    You can set the color back to orange with the following css code.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li.current-menu-item a .avia-menu-text {
    color: #ddb953;
}

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li.current-menu-item a .avia-menu-text {
  color: #ddb953;
}
}

    Unfortunately, you can’t set an active menu color state for the mobile menu items.

    Best regards,
    Ismael

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