Border around burger menu button

  • Resolved k122680

    (@k122680)


    5 years ago

    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 12 replies - 1 through 12 (of 12 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

    Thread Starter k122680

    (@k122680)

    It worked! Thanks!

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

    • This reply was modified 4 years, 10 months 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 years, 4 months 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

    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

    @cyrill Thanks, that worked ??

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

    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

    Gracias!! busque demasiado probé muchos códigos que perdí la cuenta cuantos, ya me estaba desesperando y me rompia la cabeza fueron los 15 minutos mas desesperantes al no encontrar solución hasta que descubri la respues de @cyrill

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Border around burger menu button’ is closed to new replies.