Hide Mobile Menu

[domo2]

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

https://qc3p791ywwxe10sl-69711397132.shopifypreview.com

[BiDeal-Discount · Accepted solution]

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:

[domo2]

Thank you very much!

[domo2]

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

[BiDeal-Discount]

Yes you can add this custom css:

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

[domo2]

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

[BiDeal-Discount]

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

[domo2]

My bad. Just added it.

[BiDeal-Discount]

does it working as expect?

[domo2]

Yes, but that weird play button is still there.

[BiDeal-Discount]

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;
  }
}

[domo2]

It worked, that you very much my guy!!

[BiDeal-Discount]

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

[devcoders]

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;
}

[StevenT_A7]

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

Use this code in CSS file