Remove Menu dropdown from mobile

Using "page header code injection" I've been able to remove my 7.0 site header and menu from a single page on the Desktop version, but I can't get the dropdown menu to disappear from the Mobile version. I've tried every piece of code from every forum and website I could find, but nothing works. For reference, here's the current code I'm using to remove the header/menu...

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

Any ideas?

1 hour ago, tjingrassia said:

Using "page header code injection" I've been able to remove my 7.0 site header and menu from a single page on the Desktop version, but I can't get the dropdown menu to disappear from the Mobile version. I've tried every piece of code from every forum and website I could find, but nothing works. For reference, here's the current code I'm using to remove the header/menu...

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

 

Any ideas?

Can you share your URL so we can check it?

https://www.tjingrassia.com/mdvmods

Hello there, Try adding this code to the page injection- 

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

@media only screen and (max-width: 768px) {
    .mobile-menu {
        display: none !important;
    }
}
</style>

Let me know if this works! 

Nope, the mobile menu dropdown is still there.

Huzzah, that did it! Thanks so much!