Support » Plugin: FullScreen Menu - Mobile Friendly and Responsive » Border around burger menu button

  • Resolved k122680

    (@k122680)


    I have a border around the menu button that I don’t seem to be able to remove. How can I fix this? The website is made with Elementor and the menu is mobile-only

    The page I need help with: [log in to see the link]

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

    (@samuelsilvapt)

    Hi! Thanks for using AFS Menu 🙂

    Elementor is giving CSS styles to our burger.

    Please try this custom CSS:

    .navbar-toggler{
    border: 0 !important;
    }

    Thanks in advance

    It worked! Thanks!

    Tried with custom css but it did not work…
    thank you for help

    • This reply was modified 10 months, 1 week ago by elenis r..

    Excuse my ignorance but where do I put this code?
    I am also using Elementor and would like to remove the border.
    (I would also love to move it down a bit).
    Not sure if I can get any help on this here but thank you for your consideration
    Cheers
    Karin

    Did not work for me.
    Any ideas?

    In my case it was the webkit-focus-ring and this helped adding to the custom-css:

    * {
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
        -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
        outline: none !important;
    } 
    • This reply was modified 4 months, 1 week ago by cyrill.

    Ok Cyrill
    I will work out what this means, where to put it and see how we go.
    It must be lovely when it vanishes.
    Cheers
    karin

    cyngrrl

    (@cyngrrl)

    Cyrill’s code worked for me (thanks Cyrill!)

    redhsoes: Elementor has a custom css section in the “theme styles” when editing a theme (under Elementor’s hamburger menu) – hope this helps you find it!

    Thank you so much @cyngrrl!
    The blessed relief of seeing that disappear.
    Really appreciate your help.
    Thank you
    Cheers

    Blend Media

    (@blendmedia)

    @cyrill Thanks, that worked 🙂

    @redhsoes you can also use the Simple Custom CSS and JS plugin and add the code there.

    redhsoes

    (@redhsoes)

    Thank you so much @blendmedia
    I found some help via WPBeginner’s Fb group and this code fixed the issue for me
    .site-footer
    {
    background: color: white

    }
    .animatedfsmenu .navbar-toggler {
    background: #ff000000!important;
    }
    It was fabulous to see that border dissolve.
    Thank you so much.
    Love my burger!
    Cheers
    Karin

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