How to remove header/footer on Elementor Canvas for Checkout Page?
-
Hi team,
In my attempt to reduce plugin load, I recently deactivated CartFlows. I noticed it was interfering with either WoodMart or one of the other plugins I’m using.
Since WoodMart’s built-in layout builder for checkout and thank you pages is quite capable, I decided to give it a try. I’m aiming for a focused, minimal UI for my checkout flow—something like Shopify’s streamlined experience, which was why I initially liked CartFlows.
Now here’s the issue:
I’ve set the checkout page’s template to Elementor Canvas, but the header and footer from WoodMart are still loading. I only want the content I design inside Elementor to appear—no theme header/footer.
Is there a way to fully disable WoodMart’s header and footer just for the checkout page when using Elementor Canvas? I want total control over that page’s UI.
Thanks in advance!
Also, I’ve started by importing your templates, but I don’t see a coupon field in that. How do I add that?
Would be great if i can get this resolved today, thanks.
Hello,
Add the code below to the “Global Custom CSS” area in Theme Settings -> Custom CSS to disable the header and footer on the checkout page layout.
body.page-id-8 .whb-main-header {
display: none !important;
}
body.page-id-8 .wd-footer {
display: none !important;
}
Best Regards,
Update:
The code successfully removed the header and footer — thank you!
- I’ve set the container to “Stretch Section” in Elementor. The page is almost full width now.
- However, some global padding/margin is still present around the page.
- The pre-footer section is still visible at the bottom.
- The “Have a coupon? Click here to enter your code” message is showing above the Elementor canvas. (I’ve attached a screenshot for reference.)
Also:
Could you please clarify how I can manually insert the coupon form inside the Elementor content area? I’d like full control over its placement within the layout.
Thanks again for your help!
Attachments:
You must be
logged in to view attached files.
I did like to stick with the Cartflows addon as it feels more mature in what it does, i actually don’t need multiple funnels, but i need a focused shopify like checkout page and Woodmart builder is not that perfect yet. But again the theme and this addon is also having some conflicts, the image logo i added on the carflow template is not loading on the frontend, works fine on the editor and then there is that mobile nav bar parts loading. Please fix this for me.
-
This reply was modified 1 month ago by
itsarjunc.
Hello,
Sorry to say your site is not working: https://ibb.co/dstwhnVw
Please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards,
Oh sorry that staging was pushed to live, you can remove staging from the url.
Hello,
Could you please confirm which checkout layout you’d like to use—our theme’s default layout or a plugin?
I’ve checked your site and noticed that our theme’s layout isn’t currently active. Let me know your preference so I can investigate further and provide the best solution for your setup.
Best Regards,
I think the plugin does a better job than woodmart, so ill stick with Cartflows plugin, so thats active at the moment, and if you check the checkout page you can see the issues im talking about.
Hello,
Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand if it is our theme’s issue or not?
If there is an issue with our theme, Could you please send us screenshots for better understanding to reproduce this problem?
Best Regards,
.
