How to remove menus for landing page

[mpowerenterprises]

Is there a way to remove the menu, footer and header from any page as part of the Builder layout function?

The main reason for this is the ability to do landing pages with this theme.

Topic

[Jason Bobich]

Hello,

This would only possible through your own customizations from your Child theme. But sure you could do this; it wouldn’t have anything to do specifically with the Builder itself, though, as this only effects the content area of the page.

You could unhook actions based on certain page from your Child theme’s functions.php.

function my_remove_header(){
	if( is_page('landing') ){
		remove_all_actions( 'themeblvd_header_menu' );
		// etc ...
	}
}
add_action( 'wp', 'my_remove_header' );

http://dev.themeblvd.com/tutorial/primary-framework-action-hooks/

http://dev.themeblvd.com/tutorial/actions/

You could also probably even do it with CSS. WordPress gives you classes on the body to identify a specific page like “page-id-123” for example —

.page-id-123 #main-menu { display: none; }
/* etc ... */

========

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[jasontpt]

Hi Jason,

I removed the menu for one of my landing pages via the CSS method you mentioned above. When doing this, is there a way to move the content up a little bit so there isn’t so much of an empty space where the menu used to be?

[Jason Bobich]

@jasontpt I would try changing the height of the DIV with ID “menu-wrapper” like:

.page-id-123 #main-menu { display: none; }
.page-id-123 #menu-wrapper { height: 25px; }

[Author]

Replies