Archived

This topic is now archived and is closed to further replies.

  • 0

Push all content down


Question

Posted · Report post

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?

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

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 }     ?

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

Excellent, glad you got it working.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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 

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites