Removing the Hamburger Menu on Mobile on single pages.

Hello,

Is there a way to remove the burger menu on mobile in 7.1, rather than simply 'hiding' it.

I found the code below, but it only hides it, the actual menu is still there and clickable. 

<style>
  @media screen and (max-width:767px) {
  /* hide burger */
  .burger-box {
    visibility: hidden;
  }
</style>

This also means that the shopping cart does not move over to the right, which would be ideal.

Thanks in advance

Antony

Instead of 

visibility: hidden;

use:

display:none;

OR add 

pointer-events:none; to visibility: hidden;

Hi Ziggy,

Thank you for your reply, I have tried the following 2 options, but unfortunately, it still has the same results. The Menu is still camouflaged and still clickable and active.

<style>
  @media screen and (max-width:767px) {
  /* hide burger */
  .burger-box {
    visibility: hidden; pointer-events:none;
  }
</style>

 and

<style>
  @media screen and (max-width:767px) {
  /* hide burger */
  .burger-box {
display:none; }
</style>

Where are you placing this?

You have a missing closing curly bracket at the end of each of the code (inside the </style>)

Can you share your website URL?

Hi Ziggy,
This is being placed in the Page Header Code Injection of the Store Page, as I only need to remove it from the Store Pages as we direct into here from outside links. I am also hiding from the Cart via the CSS.

The URL is www.thesignbridge.com/flat-cut-letters-logos

Perfect!

Thank you, Ziggy!

6 minutes ago, AntonyO said:

Thank you, Ziggy!

Happy to help!