Forums

Auto-nav menus different

Permalink
I am building a site for someone but the 'Home' auto-nav looks different from the rest and I can't see why. I want the look of the subsequent menus, not the Home one.

HOME:
http://grumble.asia/GreenHub/

DESIRED LOOK
http://grumble.asia/GreenHub/index.php/information/...

Thanks
 
citytech2 replied on at Permalink Best Answer Reply
citytech2
Hello
You have done tittle mistake in home page. The menu in other pages are within "Sidebar" Div, but in home page it is not there.

In other page the div structure is:
<div id="central">
<div id="pageHeader"></div>
<div id="sidebar"><!--Menu goes here--></div>
<div id="body"><!--Main body content goes here--></div>   
<div class="spacer"> </div>      
</div>


But in home page it is like:

<div id="central">
<div id="pageHeader">
<!--Menu goes here-->
<!--Main body content goes here-->
</div>
<div id="sidebar"></div>
<div id="body"></div>   
<div class="spacer"> </div>      
</div>


In your css the rule is:
#page.sidebar-left #central #sidebar

And this is hierarchy base css. If the hierarchy breaks, css will not work. That's why your design breaks in home page.

Citytech
grumbleasia replied on at Permalink Reply
Thank you - not sure how I did that but I can now fix it. Appreciated!!