Support » Plugin: FullScreen Menu - Mobile Friendly and Responsive » Transparent Background Hamburger

  • Resolved hardcoremark

    (@hardcoremark)


    Hi,

    I’m trying to make the background of the hamburger transparent. So far I’ve got this…

    .animatedfsmenu .animatedfsmenu-navbar-toggler {
        background: transparent !important;
    }

    It works until you hover over the menu and then a white background appears. Any help much appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Samuel Silva

    (@samuelsilvapt)

    Hi @hardcoremark ,

    Thank you for your message. Could you pls test this snippet below instead?

    .animatedfsmenu .animatedfsmenu-navbar-toggler, .animatedfsmenu .animatedfsmenu-navbar-toggler:focus {
    background: transparent !important;
    }

    Let me know if this works.

    Best,
    Samuel

    Thread Starter hardcoremark

    (@hardcoremark)

    Hey Samuel,

    Thanks for getting back to me and for your help. I tried the code you sent but unfortunately it’s still the same; when you hover over the hamburger it is still showing a white background.

    Thanks,
    Mark.

    Plugin Author Samuel Silva

    (@samuelsilvapt)

    Please, try this one:

    .animatedfsmenu .animatedfsmenu-navbar-toggler, .animatedfsmenu .animatedfsmenu-navbar-toggler:hover, .animatedfsmenu .animatedfsmenu-navbar-toggler:focus {
    background: transparent !important;
    }

    Maybe it can be a good feature to include on the next plugin version, thank you đŸ™‚

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.