forcing header banner image to resize with forum when screen resolution is changed.

[travbacon]

Hi. I noticed that when you resize the screen, the forum resizes too. I put a larger banner header in place of the mybb logo at 1024 pixels. Is there a way to have the banner image to resize also so it'll look the same width as the forum. so it will be consisitent looking on laptops and tablets, etc.

great software, gave up on smf finally.


thanks.

[ThemeFreaknet]

Set width of image to 100% with CSS and be sure container is 100% width.

[gwaed]

I have just been running in circles with the exact same problem with 1.8. Image was perfect width at 900 resolution but members with 1080 resolution had a smasl offset image.

Could you post a sample code?

Thanks!

[mmadhankumar]

you can add the foll. codes to global.css of your theme....

#logo img {
  width: 100%;
}

[bignslow]

Sorry to hijack but I have a similar question.

I am trying to get the logo to automatically downsize for small screen resolutions. For some reason I can't get it to work. If I use the code above to set the width: 100%, it resizes the logo to fit the width of the container which makes it basically the full width of the page which is huge. I want to keep it regular size and only shrink down for smaller resolutions.

[Leefish]

Set the logo css so

#logo img {
max-width:100%;
}

[bignslow]

That made no difference.

[travbacon]

So to hijack my thread back. Would someone be so kind to post how to do it so it will answer those who have this same question in the future. TIA

[Leefish]

Sure. Please provide a forum url.

[travbacon]

Sure. Please provide a forum url

xxx.com

please suggest logo size for both reg and mobile site.  thank you so much for taking time to do this