Help me fix header image plz

Hey i changed teh header image on my site here https://www.bescaribbean.net/products

but with diferent screen resolutions the site expands and the header image remains the same size causing the site 2 look off

See attachement

How can i fix the header image to fit in the site properly???

Quickest fix is top change the 90% to 888px for your mainWrapper in the stylesheet.css

ok i edited

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	/*width: 750px;*/
	width: 888px;
	vertical-align: top;
	border: 1px solid #9a9a9a;

and it still didnt work???????????

site still shows 90%

Oh thats because i edited it on the localhost and didnt upload it to the web server .

Ok i uploaded it now . it seems to be showing however i asked a friend to check it, his sreen resolution was 1280 x 1024 and he said it did not show up properly.

can you tell me if it shows up well??

Thx

ok the width of the page seems to be fixed but the height needs adjusting

as you cansee the attachment it laps under the menu bar

can you assist??

Doesn't show up that way on my screen.

There are many other things I would have done different but, it seems to be presenting itself okay.

hmm can i adjust the header height or maybe resize image?

while file in the css to edit the height?

You've hidden your browser type in the image. Are you viewing the site with IE or Firefox?

Can you be more specific about height? I don't see what you see in your browser. I do see an incorrect call for navEZPagesTop in your page source.> <!--bof-header ezpage links-->

<div id="navEZPagesTop"> <a href=""></a> </div> <!--eof-header ezpage links--> </div>This is more than likely the cause of the extra space under the Bes Caribbean image and the navbar with Home.

ok which file to edit ???

It's not quite that simple. It's a common misconception that a file needs to be edited in order to make something work. Yes, the stylesheet controls some layout but it doesn't by design turn things on and off.
Neither is heading to a file and changing code generally a wise choice.
Most items are changed in the Admin portion of the cart. There are some blurred areas between the admin and the stylesheet but, normally, editing code in a file should be a last resort. Note that deleting the Congratulations, etc listings in the english.php is not editing code but deleting or adding text to a variable. Just as if you were using the define pages editor.
A bit long-winded but it is a common mistake among both the geeks and non-geeks. Seems the ones who code don't want to take the time to look as they know "I can code it quicker." Newbies don't know some of the terminology that would help them look and make stabs at changing code.
It looks as if someone has attempted to get rid of the ezpages header bar through coding versus the EZ-Pages Settings in the admin.
First go to your admin and turn off the HeaderBar for EZ-Pages (make it 0 versus 1) If that gets rid of the code, we can move on from there.

Ok many thanks dude you been most helpful :):clap: