How To Hide The Header & Footer from Portfolio Page

Are you using any page builder like Elementor?

No I’m not.

You can use Elementor page builder and create custom template without header and footer. Then use that custom template for specific pages.

Unfortunately I don’t want to use Elementor plug in because it can slow my site down. I’m looking for a manual way.

is this the theme you are using – Vivienne WordPress Theme (Genesis Child Theme) https://17thavenuedesigns.com/shop/vivienne-wordpress-theme/

the theme’s support team would be most familiar and can provide guidance to alter the portfolio area template (i.e. to properly remove header and footer)

if you are using a block theme. You can do it in the editor by creating a new template for the pages. The same holds true for classical theme except you would have to manually create a file.

If you have a page named HelloWorld you could create a template called page-HelloWord that would only be used for the Helloworld page. The same is true for classical themes. You could copy the page.php file and rename the copied file page-HelloWorld.php. You can use the page id or your slug for the page to create the template or page file.

You can check the WordPress hierarchy chart to look at the different options.

• This reply was modified 11 months, 2 weeks ago by mrtom414.

I’m working with a Genesis Child Theme, and although the portfolio section has a template option, the codes I’ve tried haven’t successfully removed the banner or header. But I will see.

Referring to Lisa’s answer, the support team charges a fee, and I originally thought it would be a simple process.

• This reply was modified 11 months, 2 weeks ago by Daily Sweetness.
• This reply was modified 11 months, 2 weeks ago by Daily Sweetness.

I figured it out. If anyone needs the code, I added this to the single-portfolio.php file. The only thing is that the logo is still there, but I’ll manage.

//* Remove site header elements remove_action( ‘genesis_before’, ‘vivienne_offscreen_content_output’ );

//* Remove navigation remove_action( ‘genesis_before’, ‘genesis_do_subnav’, 12 ); remove_action( ‘genesis_before’, ‘genesis_do_nav’, 1 ); remove_action( ‘genesis_before’, ‘genesis_do_nav’, 10 ); remove_action( ‘genesis_after’, ‘vivienne_footer_menu’, 11 ); 

//* Remove site footer widgets remove_action( ‘genesis_before_footer’, ‘genesis_footer_widget_areas’ );

//* Remove site footer elements remove_action( ‘genesis_footer’, ‘genesis_footer_markup_open’, 5 ); remove_action( ‘genesis_footer’, ‘genesis_do_footer’ ); remove_action( ‘genesis_footer’, ‘genesis_footer_markup_close’, 15 ); remove_action( ‘genesis_after’, ‘genesis_footer_widget_areas’, 5 ); remove_action( ‘genesis_after’, ‘genesis_do_footer’, 12 ); remove_action( ‘genesis_after’, ‘vivienne_footer_social’, 8 ); remove_action( ‘genesis_after’, ‘vivienne_instagram’, 5 );

last one I figure it out again if u do want to remove the logo then replace the previous section “Remove site header elements” with this one

//* Remove site header elements

remove_action( ‘genesis_before’, ‘vivienne_offscreen_content_output’ );

remove_action( ‘genesis_before’, ‘genesis_header_markup_open’, 5 );

remove_action( ‘genesis_before’, ‘genesis_do_header’ );

remove_action(?‘genesis_before’,?‘genesis_header_markup_close’,?10?);

And that’s it .

• This reply was modified 11 months, 2 weeks ago by Daily Sweetness.
• This reply was modified 11 months, 2 weeks ago by Daily Sweetness.