Head Image gets cut off on PC

[cpcorreia]

Hi,

I am not an expert with programming so I find Weebly amazing but I've realized I'm having a problem with the header image of my Home page.

I don't know anything about CSS or HTML, I've been searching the other questions and I have tried to post a code I found in another conversation under Page-> SEO Settings->Header code but it didn't work for me.

Can you help me please?

tritour.weebly.com 

Thank you,

Cláudia

[NJRFTF]

@cpcorreia

What is the url of your website?

Ignore the above - I found it!!

[MJCS]

Hi @cpcorreia,

the reason I think it's causing problems is because the image is being used as a background, rather than an image. The problem isn't really the image, it's the 'foreground' content around it is being resized on different screen resolutions, and then covering it or preventing it from fitting accurately.

Can you test it as an image within the top section rather than as a background? That should resize to fit the screen width although it will probably have padding down the sides of the image. 

The other solution is to have a full width image is to have the text as a separate transparent image over the top of the background picture (cycles and coloured arc). However there will be screen sizes where the text doesn't line up as you have in your flattened image.

Please reply if you need more help.

Regards,

Mark

[cpcorreia]

Hi Mark,

Thanks for your help.

Yes, it works if I put is as an image but then I can't have it as big as I would like

The text as a separate transparent image would probably be the best ideia but since I have 7 different header imagens and I am not the designer, that will take a while .. 

Thank you a lot!