Hiding 'menu' from mobile site

Site URL: https://www.artistabroad.com/discount-framed-prints

I am a total noob when it come to coding but I manages to remove the header from one specific landing page by inserting the following custom code: 

<style>
#header { display: none }
</style>
<style>
 #footer {
   display: none; }
</style>

This is working perfectly on a desktop computer but on a mobile site I still get the word 'Menu' at the top of the page. Can someone please tell me what code I need to enter to remove this? 

Also, when adding this new code do I just ender it after the previously mentioned code or before? 

Thanks in advance!

Denise

On 5/11/2021 at 1:35 AM, Esined said:

Site URL: https://www.artistabroad.com/discount-framed-prints

I am a total noob when it come to coding but I manages to remove the header from one specific landing page by inserting the following custom code: 

<style>
#header { display: none }
</style>
<style>
 #footer {
   display: none; }
</style>

This is working perfectly on a desktop computer but on a mobile site I still get the word 'Menu' at the top of the page. Can someone please tell me what code I need to enter to remove this? 

Also, when adding this new code do I just ender it after the previously mentioned code or before? 

Thanks in advance!

Denise

Use this code

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