Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 31, 2023 at 9:23 am #1417655
    Xiscoj

    Hi,

    I used this code to include separators between the dropdown menu in services, I used this code from https://kriesi.at/documentation/enfold/menu/#toggle-id-56 but i want it to change the color to #e3e3e3, have tried to but could not make it work :/

    /* Main menu sublevel */
#top #wrap_all #header #avia-menu ul li.menu-item > a {		
     border-bottom: 1px solid black;  
}
    August 31, 2023 at 9:36 am #1417657
    Xiscoj

    Related with this, I wandt to include this separators with the same characteristics in the burger menu on mobile, tried to change it through advanced settings on Menu Links in overlay/slide out but did not work out.

    September 2, 2023 at 5:12 pm #1417883
    Mike

    Hi,
    I see your code above in your css for the “services” drop down menu, so to change the color try adjusting like this:

    #top #wrap_all #header #avia-menu ul li.menu-item>a {
    border-bottom: 1px solid #e3e3e3;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    To add bottom borders to the burger menu items try this css:

    #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    border-bottom: 1px solid #e3e3e3;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 3, 2023 at 11:07 am #1417941
    Xiscoj

    Hi Mike,

    Worked smoothly, perfect.

    Thank you very much, you can close the thread!

    September 3, 2023 at 3:46 pm #1417955
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Color Separators between items in Dropdown menuy’ is closed to new replies.