Responsive Banner

[sandraken]

I have a banner image 1080 in width, but on smart devices only message board shrink to smart phone screen size not the banner , Is there a way I can make my banner responsive as well , or at least it whole board size shrink to screen size

[Elias]

This might help you out or you might find it useful:
viewtopic.php?f=64&t=2270871

Thanks

[Lumpy Burgertushie]

how about a link to where this banner image shows on your board.

you can simply give the banner a 100% width and auto height in the css that will automatically resize to what the container is.

robert

[sandraken]

how about a link to where this banner image shows on your board.

you can simply give the banner a 100% width and auto height in the css that will automatically resize to what the container is.

robert

Thank you Robert

[paugom]

I had the same problem, solve different banners showing a function of the resolution, it was with css. The solution to resize the banner was not good because the picture did not look good .

[Lumpy Burgertushie]

if you are going to use different sized images for different sizes then you do not simply resize the image by changing the dimensions in the css. you have to actually open the image in a graphics program and resize it properly.

however, doing it by using the width: 100% and height: auto usually works much better and does not distort the image when it expands and contracts it with screen size.


robert

[WWu777]

Is there an HTML code that will make a banner responsive to the screen? One that doesn't involve editing CSS? Can you set a percentage instead of the pixels of the height and width?

[Mick]

Please start your own topic this one is over a year old.