Header image cropped

[bkwudz]

Hi,  i am having trouble with my banner image,  the ends are getting cut off.  Could someone tell me what i did wrong?

thanks
eastcoastwillys.proboards.com/threads/recent

[Brian]

Hi, bkwudz .

This is due to the fact that the forum is at a percentage width and the image you're using is set as the banner background. This means two things:

- The percentage width the forum is set to causes the page to resize depending on the size of your screen rather than staying at a fixed width
- Since your banner image is in the banner area's background this allows it to get cut off if the forum shrinks to a size smaller than the image you added


You can fix this with the solution in this post but this will remove the text you have in front of the image.

Alternatively, you can just resize the background by placing the following code at the bottom of Themes > Advanced Styles & CSS > Style Sheet but this will only resize the image and not the height of the banner area itself.

#banner { background-size: contain; }

[bkwudz]

Thank you Brian, worked perfect.