Hide Mobile Menu

Store Design
,
1

Hi, how can I completely hide the mobile menu? Thank you!

https://qc3p791ywwxe10sl-69711397132.shopifypreview.com

2

Hi @domo2

Let try to add custom CSS below:

@media only screen and (max-width: 1023px) {
    .mobile-menu__button--burger {
        display: none;
    }
}

The result will be:

Screenshot 2025-05-07 at 23.10.36.png
Screenshot 2025-05-07 at 23.10.36.png473Ă—880 32.1 KB

3

Thank you very much!

4

Hello @domo2

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.mobile-menu__button--burger {
    display: none;
}

devcoders_0-1746634627968.png
devcoders_0-1746634627968.png685Ă—351 11.4 KB

5

@media only screen and (max-width: 1023px) {
.mobile-menu__button–burger {
display: none !important;
}
}

Use this code in CSS file

6

another question would be to hide the video in the background only on the mobile version. Could you help me with that one, too?

7

Yes you can add this custom css:

@media screen and (max-width: 767px) {
    .video__player video {
        display: none;
    }
}
8

it worked but there is a Play Button above Sport. Ho do I remove that?

9

I just checked your site but don’t see my recommend code added, did you add it?

10

My bad. Just added it.

11

does it working as expect?

12

Yes, but that weird play button is still there.

13

oh, you should add more this custom css to hide Play button

@media screen and (max-width: 767px) {
  .video-text-wrapper .main-buttons{
    display: none;
  }
}
14

It worked, that you very much my guy!!

15

no problem my buddy. Let me know if you need any other support