Need help fixing top Nav. bar of website

[DontBlink7]

hi id like the search box and links in the top navigation bar of my website to be fixed to the webpage like the background image is:
background-repeat: x;
background-attachment: fixed;
background-position: center top;
background-clip: border-box;
how would i do tht to the" Home Log In Privacy Notice Shared "bar?

[haredo]

A link to the site please so I can view in Firefox browser with the Add On called Firebug so I can edit on the fly..

[gjh42]

This sounds like the ez-pages header navbar. Your template may have different names, but in stock Zen Cart this will do what you ask (and hopefully what you want:)

#mainWrapper {position: relative; padding-top: 40px;}
#navEZPagesTop {position: fixed; width: 740px; top: 0; z-index: 100;}

[DontBlink7]

my website is here: http://www.budgetac.com

i tried to add background-attachment:fixed; and attachment:fixed; to the code:

#mainWrapper{
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 85.5%;
color: #000000;
width:425px;
float: right;
text-align:center;
background-color: #e5edf5;
background-image: url(../images/header_bg.jpg);
background-repeat: x;
background-position: center top;}
#mainWrapperlower{background-color:#fffff

is that right , or is there something i'm missing?

[haredo]

Don,
Explain in more detail, are you wanting the whole header to have the blue image color you designed??

[haredo]

Don,
Also notice this are you trying to add an image to your background body around the site??

body {
background-attachment: fixed;
background-color: #E5EDF5;
background-image: url("http://www.budgetac.com/html/background34.jpg");
background-position: center top;
color: #000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 65.5%;
margin: 0;

1. Change the highlighted red above to this:
2. background-image: url("../images/background34.jpg");
3. and then use your FTP program to load background34.jpg to the correct patch
4. includes/templates/zj_silver_wide/css/images

[gjh42]

Your template has some of the usual ez-page links in the top navbar, so it is not #navEZPagesTop but #navMainWrapper that you want to affect.

This will do it:

#navMainWrapper {position: fixed;}

though you will want some other styling as well; I don't know what you want it to look like.

[DontBlink7]

thanks, but now it's sitting to the right and the page is scrolling over it, how do i get tht fixed?
and yes i did have a background picture before but it didnt work out cause i had the wrong color so one day i'll probably redo it, so i just added a 4 to the name of the image but thx:)

[DontBlink7]

Guess i Should add that my code looks like this now:
#mainWrapper{
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 85.5%;
color: #000000;
width:425px;
float: left;
text-align:center;
position: fixed;
background-color: #e5edf5;
background-image: url(../images/header_bg.jpg);
background-repeat: x;
background-position: center top;}

[gjh42]

Your mainWrapper styling is essentially irrelevant for your question about the top navbar. If you are seeing other parts of the page cover the fixed navbar, then add the z-index property as described above.

#mainWrapper{ <--this is the rule for the whole page. did you think it was for the header navbar?
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 85.5%;
color: #000000;
width:425px; <-- this is wrong for mainWrapper
float: left; <--you do not want this except in very specific styling circumstances
text-align:center;
position: fixed; <--this is probably not good for you, and doesn't affect the top nav
background-color: #e5edf5;
background-image: url(../images/header_bg.jpg);
background-repeat: x; <--should be repeat-x
background-position: center top;}