Hi. I have added a background image to ja-header .main. Now I would like to change the ja-header to 100%. I have changed the following in template.css
ja-header .main{
width: 100%
When I do this, it does stretch it out almost all the way across the top, but it was showing up with about 2 cm of white space on both the left and right margin’s. So I added the following to ja-header .main:
margin-left: -1px;
That took care of the left side, but now I have almost an inch of white space on the right margin.
Basically, I want the header to be 100% of my screen, but I don’t want the content at 100%. I have also messed around with the template manager, and set it to a specific percentage. This changed the content, but not the header area.
Can someone please help?
Thanks.
Jessica
aman204
Friend
Can you provide a link to your site
Here is the link to the site. Notice the white space on the left and the right of the background of the header? I can’t get rid of this. I can only get rid of it to the left if I change my margin to a negative number. It won’t change even if it set the width to 1280px or even higher (ie, 1400px).
Thanks for checking into this for me.
Jessica
It might help if I actually give you the link:
aman204
Friend
How about changing this::
#ja-header {template.css (line 1199)
border-bottom:1px solid #151515;
margin-top:-22px;
}
to
#ja-header {template.css (line 1199)
background:url(“../images/header_bg.png”) repeat-x scroll 0 0 transparent;
border-bottom:1px solid #151515;
margin-top:-22px;
}
and removing the other reference from::
#ja-header .main
1 user says Thank You to aman204 for this useful post
AH, THANK YOU! That did the trick!!!! I appreciate your help!!!!
This topic contains 6 replies, has 2 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum
