Remove Titlebar Menu For Homepage?

[Jay]

Hello, can someone please tell me how to remove the Titlebar Menu on the Homepage? I’m using a static page.

I tried the Hide/Show menu items per page plugin, but it only recognizes the buddypanel menu items to be able to hide.

I don’t us the buddypanel for the homepage so this is irrelevant.

Thanks

[Anonymous]

Hi @iic007, You can set condition in your header.php for Titlebar Menu

Try this,

<?php if(!is_home()): ?>
  // your menu code here
 <?php endif; ?>

Regards
Pallavi

[Jay]

I don’t understand. What goes in for // your menu code here?

Also I only want to eliminate the titlebar menu from the homepage. Not all pages.

Thanks

[Varun Dubey]

Hi @iic007
you can wrap menu codes inside the conditional logic

like this
You can find it inside header.php close to line 94

	if(!(is_home() || is_front_page())):
							if ( !empty( $buddypanel_menu ) || !empty( $titlebar_menu ) ):
								?>
								<!-- Navigation -->
								<div class="header-navigation">
									<div id="header-menu">
										<ul>
											<?php echo $buddypanel_menu . $titlebar_menu; ?>
										</ul>
									</div>
									<a href="#" class="responsive_btn"><i class="fa fa-align-justify"></i></a>
								</div>
							<?php endif; ?>
<?php endif; ?>

Copy header.php inside the child theme and make your edits inside the child theme header.php

Regards

[Badheer]

Hi I want to also remove titlebar menu for homepage.

I only have 77 lines in my header.php file.
Please tell me exactly where to paste your code.

[Varun Dubey]

Hi @bballam

You can add simple custom css code , it will hide the title bar for homepage

.home .header-navigation {
    display: none;
}

Regards
Varun Dubey

[Badheer]

Hi, I’ve tried that but it doesn’t remove the headers (which i’ve outlined in red pen in the images attached) How can i remove this for desktop and mobile?

[Anve S.]

Hi @bballam,

Try applying following css in custom css option of child theme.

@media screen and (min-width:481px){
.home-page #masthead {
  display: none;
}
.home #panels #right-panel {
  margin-top: 0!important;
}
}
@media screen and (max-width:480px){
.home #mobile-header {
  display: none;
}
.home #inner-wrap {
  margin-top: 0;
}
}

Regards
Anve

[Badheer]

Thanks that worked great!

[Anve S.]

Hi @bballam,

Great 🙂

Regards
Anve