Archived

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

  • 0

Full width navbar


Question

Posted · Report post

Hi I am trying to make my navbar full width at the top of my site but none of the css solutions mentioned in other forum threads seem to work.

 

Any help would be appreciated.

http://www.nevillmedia.com/

Share this post


Link to post
Share on other sites

11 answers to this question

Posted · Report post

Hi there,

 

If i look at http://www.nevillmedia.com/ i just see a holding page.

 

However, if you're using the classic nav and want it to go full width (the background color) you can apply the background color directly to the main #nav container. 

 

#nav {background: #ffffff;}

Share this post


Link to post
Share on other sites

Posted · Report post

Luke - from looking at your site do you mean you want the menu items to be be bigger and fill the nav bar? 

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Martin thanks for taking a look.

 

Not quite, what I want to do is make the top navigation stretch from one side of the page to the other.

 

For example like this page: http://demo.pagelines.me/tools/

Share this post


Link to post
Share on other sites

Posted · Report post

Oh right, that is fixed nav - go into Pagelines > Site options > Header and footer and select fixed nav 

Share this post


Link to post
Share on other sites

Posted · Report post

Sorry I don't think I have explained myself very well. When I mean is that I need a way to make my menu stretch from one side of the screen to the other, so instead of being width 100% of the content it is 100% width of the window. It does not need to scroll and be a fixed nav but instead simply be 100% full width of the screen.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Luke, please look at this site, for the maroon menu bar that goes across the screen.  Is this what you want?

Share this post


Link to post
Share on other sites

Posted · Report post

Yes thats what I am trying to achieve Rob.

Share this post


Link to post
Share on other sites

Posted · Report post

Oh sorry my bad, I thought I had disabled that.

 

Thanks James that solved it.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Luke,

 

Can you tell me which layout you've used in Dashboard > PageLines > Site Options > Layout Editor?

 

I need to know the selections made under Layout Handling and Site Design Mode.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Rob,

 

I am using Responsive with Pixel Width with Full-Width Sections

Share this post


Link to post
Share on other sites

Posted · Report post

I am also using nav classic which is what I would like to make full width

Share this post


Link to post
Share on other sites