Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 11, 2021 at 10:53 am #1293752
    Veronika

    Hello dear support team,

    I would like to make my burger menu transparent as it opens, now it is only dark grey, I imagine something like this: https://kit.detheme.com/presto/2021/01/25/101-ways-to-win-the-game/

    Though not through the entire screen only to the half.

    thank you

    sincerly Veronika

    April 13, 2021 at 6:37 am #1294027
    Rikard

    Hey Veloryana,

    Please try the following in Quick CSS under Enfold->General Styling:

    div.av-burger-overlay {
    opacity: 0.95;
}

    Best regards,
    Rikard

    April 19, 2021 at 8:25 pm #1295346
    Veronika

    Hi Rikard,

    unfortunately, the code did not work. What else could I try?

    sincerely,
    Veronika

    April 20, 2021 at 10:03 am #1295471
    Nikko

    Hi Veronika,

    I have added this CSS code in Enfold > General Styling > Quick CSS:

    #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll {
    background-color: rgba(0,0,0,0.9);
}

    To adjust the opacity, just change 0.9 to any value from 0 to 1 (the lesser the value the more transparent)

    Also, I have disabled CSS file merging and compression in Enfold > Performance since it was still using older CSS and not reflecting the added CSS code.

    Best regards,
    Nikko

    April 26, 2021 at 9:36 am #1296692
    Veronika

    thank you very much, for your help and your time

    April 26, 2021 at 11:48 am #1296733
    Nikko

    Hi Veloryana,

    You’re welcome, we’re just glad we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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