Jump to content


Photo
- - - - -

Full width navbar

navbar

Best Answer James B , 25 June 2013 - 08:25 PM

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

Go to the full post


  • Please log in to reply
11 replies to this topic

#1 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 23 June 2013 - 05:49 PM

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.

Please Login or Register to see this Hidden Content



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 23 June 2013 - 05:55 PM

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.



#3 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 23 June 2013 - 07:33 PM

Hi Rob,

 

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



#4 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 23 June 2013 - 09:30 PM

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



#5 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 24 June 2013 - 05:05 PM

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



#6 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 25 June 2013 - 12:44 PM

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:

Please Login or Register to see this Hidden Content



#7 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 25 June 2013 - 03:40 PM

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



#8 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 25 June 2013 - 05:09 PM

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.



#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 June 2013 - 05:47 PM

Hi Luke, please look at

Please Login or Register to see this Hidden Content

, for the maroon menu bar that goes across the screen.  Is this what you want?



#10 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 25 June 2013 - 06:34 PM

Yes thats what I am trying to achieve Rob.



#11 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 June 2013 - 08:25 PM   Best Answer

Hi there,

 

If i look at

Please Login or Register to see this Hidden Content

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



#12 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 25 June 2013 - 08:54 PM

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

 

Thanks James that solved it.







Also tagged with one or more of these keywords: navbar