Removing mobile menu from single page

1 hour ago, simonuh said:

Site URL: https://www.simonu.nl/dansen

Hi all,

 

I am looking to remove the mobile menu from a single page (www.simonu.nl/dansen) of my website. I just want the page to be a blank page with just one photograph shown. I did add the following code to the page's advanced inject custom code menu:

 

<style>#header, #mobile.bar, #footer {display: none !important; }</style>

 

This removed all emelents from the page on desktop. But on mobile the drop-down menu stays. How do I remove the mobile menu as well?

Any help would be much appreciated!

Thanks in advance,

Simon

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #collection-63244ec4b52939505c480449 #mobileNav {
    display: none;
  }
  #collection-63244ec4b52939505c480449 #mobileMenuLink {
    display: none;
  }

  #block-63244ec4b52939505c48044a {
    display: none;
  }
}

Let me know how it works on your site