Thread: Hiding Header and footer for specific pages

Hiding Header and footer for specific pages

So ive been experimenting with elementor for making specific pages and i have come across some additional css thats kinda of giving me what i want a which is a full blank screen for like a landing page but the footer is now maxed to the full width and it comes with a grey background. take a look for yourself. it seems to be working i just need to figure out how to get the footer to expand to the bottom

https://puppydemand.com/memberships/

hide-header-footer.jpg

here is the css im using

/* This will hide header and menu */
.page-id-10826 #sticky_header {
display: none;
}

/* This will remove footer including widget area if you have it enabled */
.page-id-10826 #footer {
display: none;
}