[Resolved] How to remove mobile menu button shaddow

Home Forums Support How to remove mobile menu button shaddow

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1384319
    Richard

    I am not sure how this appeared but there’s a shadow on the mobile menu button on the top right of my website. Please take a look and advise how to remove this.

    #1384320
    Richard
    #1384406
    Leo
    Staff
    Customer Support

    Hi there,

    Elementor is causing the issue.

    Try this CSS to overwrite it:

    .main-navigation.has-branding .menu-toggle {
        box-shadow: none !important;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #1384500
    Richard

    Thanks that worked. When I open that menu on mobile, the off canvas menu pops up as normal. But there’s a shadow box covering the “x” when I open up the mobile menu. How do I get rid of that?

    #1384667
    David
    Staff
    Customer Support

    Hi there,

    there is this CSS on your site adding box-shadows to the button element:

    body.elementor-kit-14 button, body.elementor-kit-14 input[type="button"], body.elementor-kit-14 input[type="submit"], body.elementor-kit-14 .elementor-button {
        font-family: "Fira Sans", fira sans;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    }

    Is this required as it is this CSS affecting the exit button.

    If you need that CSS then add this CSS to override it on the exit button:

    button.slideout-exit {
        box-shadow: none !important;
    }
    #1385004
    Richard

    That worked! Thanks David and Leo.

    #1385228
    Leo
    Staff
    Customer Support
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.