Jump to content


Photo

Navigation Menu Full Width

navigation menu nav css full width

Best Answer James B , 07 November 2013 - 07:52 AM

Hi there,

 

If you want the yellow to stretch the full width of the page add

 

#primary-nav {
    background: none repeat scroll 0 0 #FAF18C !important;
}
 
Padding between the menu items will space out the text along that navigation.
 
.main_nav ul li {
    padding: 0 30px;
}
Go to the full post


  • Please log in to reply
3 replies to this topic

#1 innovaxisinc

innovaxisinc

    Newbie

  • Members
  • Pip
  • 2 posts
  • Framework Version:Platform Pro
  • Country: Country Flag

Posted 06 November 2013 - 06:59 PM

Hey everybody,

 

I'm new to the platform and need some assistance. I need the main navigation menu (seen here in yellow: http://cognitivetherapysi.com/) to stretch the full width of the white space.

 

I've added the following custom CSS code and it applied a thin blue line under the navigation and stretches to the desired length of the menu but the menu remained the same.

 

#nav_row{
       width:960px;
    }

 

Any suggestions on how to make the entire menu stretch? Is it possible to add padding left & right between top-navigations elements?



#2 James B

James B

    Advocate

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

Posted 07 November 2013 - 07:52 AM   Best Answer

Hi there,

 

If you want the yellow to stretch the full width of the page add

 

#primary-nav {
    background: none repeat scroll 0 0 #FAF18C !important;
}
 
Padding between the menu items will space out the text along that navigation.
 
.main_nav ul li {
    padding: 0 30px;
}


#3 innovaxisinc

innovaxisinc

    Newbie

  • Members
  • Pip
  • 2 posts
  • Framework Version:Platform Pro
  • Country: Country Flag

Posted 07 November 2013 - 03:44 PM

Appreciate the help, thanks!



#4 Danny

Danny

    Is Awesome!

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

Posted 08 November 2013 - 11:07 AM

Thanks for informing us the issue has been resolved.







Also tagged with one or more of these keywords: navigation, menu, nav, css, full width