Elementor displays theme header and footer even when set to "canvas" template

able to reach or not reach (idiom); extremely skilled

Rank-LV1-Photonflux.com | Professional WordPress Repair Service, Worldwide, Fast Response

Posted May 19 at 14:43

3582

When I edit a product detail page using Elementor, I have set the page template to "Elementor Canvas", which should theoretically hide the theme's header and footer. However, after saving and viewing the page in the frontend, the Header and Footer still appear, using the WoodMart theme.

Tried the following and it still doesn't work:

The page template is set to "Elementor Canvas".
Turn off header and footer display in theme settings
Custom CSS Hide .header respond in singing .footer blocs

Has anyone encountered a similar problem, please? Is there a more thorough way (e.g. via a function or code snippet) to block the header and footer of a specific page? Would like to achieve the effect of Elementor's custom page displaying full screen.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off

1 rated

commentaries Total 2

Please log in to post a comment

See only the author.

- jingwei1
  There are two ways, one with code snippets, write code to hide the header and footer of the woodmart theme The other, in elmentor theme editor, inside the header and page to enable the header you want to use, so that he will override the theme, if you think it's useful give me a like, thanks!
  May 19, 16:56return (to a previous condition)
- Kind Rural People1
  Some themes (like WoodMart) force the header and footer to load even if the page is set to the Elementor Canvas template. This can be resolved in the following way: Use a code snippet plugin (such as Code Snippets) to add the following code to remove the header and footer for a specific page ID: add_action('template_redirect', function() { if (is_page(123)) { // Replace 123 with the ID of the target page. remove_all_actions('woodmart_before_main_content'); remove_all_actions('woodmart_after_main_content'); } }); Make sure the page cache is cleared and refresh the CDN. Check the theme settings for the "Force header and footer display" option, some themes require manual disabling. Doing so can completely hide the theme header and footer on a specific page and realize the full-screen effect of Elementor canvas.
  May 19, 14:45return (to a previous condition)
  report (malefactors to the police)