How to hide div class="menucontainer" on home page only?

[sissabobon]

I want to hide the menu div class="menucontainer" only on the home page. On the other pages it should be displayed. Is it possible to manage this in the mytngstyle.css?

[GOGGS]

The mytngstyle CSS applies to your whole site, so it would be easiest to just remove or comment out the div tags on that page.

 

GOGGS

[sissabobon]

Thanks, GOGGS, I'm not sure how to do that. I want to use template 15 and not display the beige navigation on the homepage, but only on the other pages when logged in. Template 16, for example, does that work. Do you know what I need to delete and where?

[Steve1200]

The menu container is loaded with the TNG header so it shows on all pages. To hide or modify the menu container on the home page do the following:

Open the index.php file for template 15. Go the end of the file and insert the style coding as shown below.

Note the comments that explain what each line does:

<?php
tng_footer($flags);
?>
<style>
.menucontainer .innercontainer, ul.tngdd .menulink {
	display:none; /* Hides the menu completely */
	background-color: #ffffff; /* If the menu is shown, changes the background color */
	border: none; /* If the menu is shown, hides the border */
	box-shadow: none; /* If the menu is shown, hides shadow */
}
</style>
</body>
</html>

Comment out or delete styling lines you do not want to apply.

Edited September 19, 2025 by Steve1200
Edit to add more styling options