Remove Menu Header and footer for landing page in dazzling

Dazzling
1

how do I remove the header and footer for a landing page I am creating in dazzling theme

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to remove the header and footer by going to Appearance > Customize > Additional CSS and pasting it there.

/*Remove Header*/
.navbar.navbar-default {
    display: none;
}

/*Remove Footer*/
#footer-area {
    display: none;
}

Best Regards,
Support

3

thanks for the quick response. This is for a single page within a website that I already have active. Does the code above remove the header and footer from all the pages or just a single page? - I need a single page header and footer removed.

just want to make sure

thanks

4

Hey there,

Thank you for the clarification,

I’ve modified the code, which will now target default page templates (as there isn’t a CSS class available to target single pages. The home pages will have its footer intact. Let me know if this works for you.

/*Remove Header*/
.page-template-default .navbar.navbar-default {
    display: none;
}

/*Remove Footer*/
.page-template-default #footer-area {
    display: none;
}

Best Regards
Support,