You must be logged in to post


Register? | Lost Your Password?

Search Forums:


 






Wildcard Usage:
*    matches any number of characters
%    matches exactly one character

Help Forums How To How to change Nav Bar width

How to change Nav Bar width
Page:   1  
UserPost

1:47 pm
February 20, 2010


jhs2002

Member

posts 4
1

Here is my site:

http://www.pyrodes.com

I want to make it so that the header, nav bar, and content are all the same width, allowing me to have a consististent background color (the blue) around the whole site (still keeping the red bar, just limited in width).

Is this an easy fix?

Thanks!

1:34 pm
February 23, 2010


Jayman

Member

posts 20
2
on the "nav" style your site is using both your inline style and the nav style from the main css file.  Just change the style from the one below to the one that I have below the first style.
It must be changed in the style.css file of your template.  Also make sure to remove the inline style in your header.
hope this works.

#nav {
background-color:#C0CA9C;
margin:auto;
padding-left:2%;
padding-right:2%;
width:966px;
}

Make it look like this:
#nav{

background-color: #336633;

width: 1000px;

}

I would also suggest just removing the inline styles and place them in the main style.css file  to avoid this from happening.

12:56 pm
February 24, 2010


Market Admin

Admin

posts 4756
3

Post edited 5:59 pm – February 24, 2010 by Market Admin
Post edited 6:00 pm – February 24, 2010 by Market Admin
Post edited 6:02 pm – February 24, 2010 by Market Admin

How about this..

Just take out the 2 padding elements, and make the width value 1017px.

In your stylesheet (style.css), near line #88 you'll find the "#nav" element.

VERY NICE website by the way.  Would you mind if I added it to the "Market Gallery"? 

(or you can do it yourself if you'd rather.)
Page:   1  


 

Market takes e-commerce to the next level with an easy to use, quick setup platform. Learn more or take the tour.