Push all content down

[vonsommerfeldt 1]

I'm trying to find a way to push the content on ALL pages down, without effecting the nav. So if there are features, or boxes, or just text I want it further down the page in relation to the navigation.  Everything I've found on here just seems to deal with one aspect or the other.

 

Do I need to pad the navigation on the bottom? Or?

[Danny+ 1,327]

Hi,

 

I apologise but I don't quite understand what you're trying to achieve, would it be possible to provide an image which displays the layout. Once we have this, we will be able to assist you further.

[vonsommerfeldt 1]

In other words pad the navigation so that everything that appears beneath the navigation, on all pages, is about 20px lower than it already is

 

maybe 

 

#nav { padding: 0 0 20px }     ?

[James B 436]

Hi there, rather than using the nav I would say try adding a top padding/margin to the #page-main container to get that affect.

[vonsommerfeldt 1]

Does that push EVERYTHING under the nav down? I think I tried that and for example on the home page where I have a features slider and then content underneath, it just pushed the content down 

[James B 436]

Well it depends what else you have in the header area of your site. If your nav is at the bottom of the header then the #pain-main container will push everything down from where the header ends. If you have other items in the header which are positioned under the nav then it will not affect them.

 

If that's the setup you have you'll need to see which areas are in the drag and drop in the header and then try to affect the css for the element below or by adjusting the bottom of the nav to get the desired affect.

[vonsommerfeldt 1]

Is there anything particularly wrong with padding the bottom of the #nav?

[James B 436]

Hi, no there's nothing wrong with applying padding to the bottom of the nav, if that's working for you on your site that's all good :-)

 

Just need to remember if you add anything to the header in future after the nav they'll be a gap between the nav and that item within the header section, so you'd need to adjust the css to apply on the lowest item within the header.

[vonsommerfeldt 1]

That's fine. I added blank links to the menu that lead nowhere (#) centered them, and the placed my logo on top of them, so the menu links are on either side of my logo or site branding. Hence why I had to bad the content down. Works good so far with #nav padding.

[James B 436]

Excellent, glad you got it working.