Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 20, 2016 at 2:14 am #701609
    hosseinkaveh

    Is there any way to change the width for the hamburger Menu? I need it to pop like a sidebar and don’t cover the whole screen. You can check this website http://www.marjanzamani.com/ to see what I mean (I know it’s not with Enfold).

    Best,

    October 20, 2016 at 6:38 am #701656
    Vinay

    Hey hosseinkaveh,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    October 20, 2016 at 6:49 am #701667
    hosseinkaveh

    Sure,

    This is my website:
    http://www.carsmemories.com/

    Are you able to help me?

    October 21, 2016 at 4:30 am #702150
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-burger-overlay {
    max-width: 300px;
}
.av-burger-overlay-active #top .av-hamburger-inner,
.av-burger-overlay-active #top .av-hamburger-inner::before, 
.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #000!important;
}

    Best regards,
    Vinay

    October 25, 2016 at 2:05 am #703523
    hosseinkaveh

    Thanks for this and I love it! I just need it to open on the right side, not the left.

    Could you please help me with?

    Best,

    October 27, 2016 at 7:21 am #704683
    Vinay

    Hi,

    It appears the menu is changed. Below is the css for the current menu to open it on the right side.

    #mobile-advanced {
    max-width: 300px;
    right:-300px;
}

    Let us know if you have any questions.

    Best regards,
    Vinay

    November 3, 2016 at 12:50 am #707448
    hosseinkaveh

    Hi again,

    Sorry it didn’t work. It still shows the menu on the left side. Any suggestion?

    November 4, 2016 at 8:08 pm #708402
    Vinay

    Hi,

    The menu seem to have changed in the links you have provided. Please share a precise link where we can see the issue and inspect the element in question.

    Best regards,
    Vinay

    • This reply was modified 8 years ago by Vinay.
    November 4, 2016 at 8:12 pm #708407
    hosseinkaveh

    Hi,

    This is the link to my website: http://www.hosseinkaveh.com/

    As you can see the menu opens on the left side of the screen, but I need to be open on the right side and NOT LEFT. Is that make sense?

    Thanks,

    November 4, 2016 at 8:19 pm #708409
    Vinay

    Hi,

    Thank you for sharing the link. Please try the below css code to show the menu on the right.

    .av-burger-overlay {
    left: auto!important;
}

    Best regards,
    Vinay

    • This reply was modified 8 years ago by Vinay.
    November 4, 2016 at 8:27 pm #708412
    hosseinkaveh

    Perfect! It worked! Thanks a lot!

    Do you know how I can change the color/transparency of the menu background?

    November 7, 2016 at 9:33 am #709079
    Nikko

    Hi,

    Try to add this code in Quick CSS:

    #top .header_bg {
    background: transparent !important;
}

#top #header_main {
    border: 0 !important;
}

    Let us know if it works ;)

    Best regards,
    Nikko

    July 19, 2017 at 10:39 am #823826
    emptykai

    Hello,
    I would like to insert a text into the Burger Menu (to the bottom) how does it work?
    Has anyone experience?

    BR Kai

    July 20, 2017 at 4:39 am #824347
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .av-burger-menu-main a:after {
    content: 'Menu';
    display: block;
    position: relative;
    top: -40px;
    font-size: 16px;
}

    Just change the word Menu from it and replace it, you might need to some few adjustments for top and font-size property. Hope thie helps :)

    Best regards,
    Nikko

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