Why does my mobile website menu appear twice on the Brooklyn theme?

Hello ! I have an issue with my website menu : on mobile it appears in double.

I am wondering if this is due to the new update, my css doesnt seem to disturb it

Let me know if you need more informations. Thanks for reading

@feeesh , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
@media (max-width: 767px){
        .site-header .grid__item + .grid__item[role="navigation"]{
        display: none !important;
    }
}

Please let me know whether it works.

Kind regards,
Diego

1 Like

@diego_ezfy It worked !

Thanks for your help !

Kind regards, feeesh

@feeesh ,

You’re welcome.

Kindly make sure to click on the button “Accept as Solution” below whichever answer solved your problem.

This way people with similar issues can also benefit from this in the future.

Kind regards,
Diego

1 Like