Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 19, 2019 at 9:23 am #1080266
    Apachee

    Hello there,
    I can only find css to make a border around the burger icon itself but can’t find a solution how to deal with the divider lines between the menu links which as of now are either invisible or set to have the same color as the background.

    Any hint on how to change color and width respectively height would be much appreciated

    Thx a lot

    March 19, 2019 at 7:47 pm #1080481
    Victoria

    Hey Apachee,

    Could you please give us a link to your website, we need more context to be able to help you.

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    March 21, 2019 at 10:23 am #1081298
    Apachee

    Hi Victoria ..
    pls see the link to a screenshot of the current menu

    There are no horizontal divider lines beween the menu items .. and I can’t find the css to define the lines to show and define the color and possible padding etc..

    Your Enfold2017 demo for example has light grey lines in beween the menu items in mobile burger menu view

    March 21, 2019 at 10:28 am #1081301
    Apachee

    and this is what I want to achieve .. (I photoshopped the lines in ..

    March 22, 2019 at 4:03 pm #1081894
    Victoria

    Hi Apachee,

    Please try this css:

    
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    border-bottom: 1px solid #ccc;
}

    Best regards,
    Victoria

    March 23, 2019 at 1:26 pm #1082113
    Apachee

    Hi Viktoria,
    I had to add an !important to it then it worked .. thank you very much !

    March 27, 2019 at 5:52 pm #1083724
    Basilis

    Hi,

    Glad we could help! :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Divider Lines/Borders between Mobile Burger Menu Links’ is closed to new replies.