Jump to content


Photo
- - - - -

extend navbar to full width

navbar responsive css

Best Answer maureen1671 , 05 January 2013 - 04:54 AM

thank you.

Go to the full post


  • Please log in to reply
6 replies to this topic

#1 maureen1671

maureen1671

    Advanced Member

  • Members
  • 37 posts
  • LocationMenifee CA
  • Country: Country Flag

Posted 03 January 2013 - 12:02 AM

I would like to extend the navigation bar to the full width of the screen like this site:

Please Login or Register to see this Hidden Content

 

I would like to have a different color on the background behind the quickslider extended as well (just like on the example)

 

Can someone please tell me how to do this?

 

Thank you. 



#2 Rob

Rob

    One Smart Egg

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

Posted 03 January 2013 - 01:30 AM

That site uses a narrow background image to make the menu full-width, and background images on hover.  Other than that, it's our Nav Classic, which is our most flexible for CSS.  Your site appears to be using NavBar, which is considerably less easy when it comes to changing colors, backgrounds, etc. It also does not go full-width.

 

Using Firebug should help you identify the section. However, I think your better choice there might be Features, which has a more defined section to modify by CSS, and background as desired.



#3 maureen1671

maureen1671

    Advanced Member

  • Members
  • 37 posts
  • LocationMenifee CA
  • Country: Country Flag

Posted 03 January 2013 - 06:26 PM

Thank you. I installed Action Map but I will try Firebug.  I thought Clasic Nav had to be attached to the top of the page.  I will try it.  When I attached a background with narrow strips of color like theirs, (clicked supersize) the background did not match the navbar or quickslider position.    



#4 maureen1671

maureen1671

    Advanced Member

  • Members
  • 37 posts
  • LocationMenifee CA
  • Country: Country Flag

Posted 04 January 2013 - 06:10 AM

Well I do not see a "Nav Clasic"  only NavBar and Fixed NavBar.  Where do I find it?



#5 maureen1671

maureen1671

    Advanced Member

  • Members
  • 37 posts
  • LocationMenifee CA
  • Country: Country Flag

Posted 04 January 2013 - 07:20 AM

I found nav clasic but do not see any documentation  for it.  Menus no longer look the same.



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 04 January 2013 - 07:23 AM

Nav Classic documentation can be found here -  

Please Login or Register to see this Hidden Content



#7 maureen1671

maureen1671

    Advanced Member

  • Members
  • 37 posts
  • LocationMenifee CA
  • Country: Country Flag

Posted 05 January 2013 - 04:54 AM   Best Answer

thank you.







Also tagged with one or more of these keywords: navbar, responsive, css