Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 26, 2020 at 9:59 am #1188001
    studiono

    Hello I would like to make the burger menu smaller (and thinner) I tried these codes:

    .av-hamburger-box {
    width: 25px;
}
#av-burger-menu-ul li a span {
    font-size: 20px !important;
}

    but they don’t work for me.

    I attach a link and a screenshot of what I am trying to achieve.

    Thanks

    February 26, 2020 at 7:15 pm #1188193
    Victoria

    Hey studiono,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-hamburger-inner, 
.av-hamburger-inner::before, 
.av-hamburger-inner::after {
    height: 1.5px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 26, 2020 at 10:49 pm #1188291
    studiono

    thanks but it is not working, I tried putting that everywhere with no luck… I attached an image to show better what I need to achieve. On the left is the desired menu, on the right what I have right now.

    Thanks!

    • This reply was modified 4 years, 9 months ago by studiono.
    February 27, 2020 at 8:34 pm #1188612
    Victoria

    Hi studiono,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-hamburger-inner, 
#top .av-hamburger-inner::before, 
#top .av-hamburger-inner::after {
    height: 1.5px;
}

#top .av-hamburger-box {
    width: 30px;
    height: 5px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 27, 2020 at 11:04 pm #1188673
    studiono

    thanks Victoria, but it is still too big, I attach here a screenshot with what I need and I what I see now. Thank you very much

    February 27, 2020 at 11:57 pm #1188685
    Jordan Shannon

    Hi,

    Add this to quick css:

    #top .av-hamburger-inner::before{
margin-top:5px;
}

#top .av-hamburger-inner::after{
margin-bottom:5px;
}

    Best regards,
    Jordan Shannon

    February 28, 2020 at 12:00 am #1188686
    studiono

    Thanks Jordan I changed a bit the width and now it’s perfect. How can I change the color of the lines?

    thanks!

    February 28, 2020 at 12:02 am #1188687
    studiono

    ops – there’s something wrong with the menu whan I click it and.. .look at the X in the screenshot!

    February 28, 2020 at 5:33 am #1188711
    Jordan Shannon

    Hi,

    Add this to quick css as well:

    #top .av-hamburger.is-active .av-hamburger-inner::after{
margin-bottom:0px!important;
}

    Best regards,
    Jordan Shannon

    February 28, 2020 at 9:57 am #1188789
    studiono

    Thanks Jordan I think now it works!

    February 28, 2020 at 6:00 pm #1188871
    Jordan Shannon

    Hi,

    Perfect! I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Change burger menu size’ is closed to new replies.