tryking to remove header and footer using code injection

Hello All-

Ive tried to use  Advanced to inject the following:

<style> 
  #header, #footer-sections { 
    display: none !important;
  } 
  .tweak-mobile-bar-top-fixed .Mobile-bar--top {
    display: none !important;
}
</style>

but no joy. Am I missing something?

Ah ha!!

<style> 
  .Header-inner, .Footer-inner { 
    display: none !important;
  } 

</style>

worked!

but now for the mobile version is there another class I should hide?

And this works for hiding the Mobile top bar!

.tweak-mobile-bar-top-fixed .Mobile-bar--top {
    display: none !important;
}

Did you solve or still need help?