MyBB Community Forums
forcing header banner image to resize with forum when screen resolution is changed. - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: forcing header banner image to resize with forum when screen resolution is changed. (/thread-168559.html)

Pages: 1 2 3


forcing header banner image to resize with forum when screen resolution is changed. - travbacon - 2015-03-17

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.


RE: forcing header banner image to resize with forum when... - ThemeFreaknet - 2015-03-17

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


RE: forcing header banner image to resize with forum when screen resolution is changed. - gwaed - 2015-03-17

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!


RE: forcing header banner image to resize with forum when screen resolution is changed. - mmadhankumar - 2015-03-17

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

#logo img {
  width: 100%;
}



RE: forcing header banner image to resize with forum when screen resolution is changed. - bignslow - 2015-03-18

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.


RE: forcing header banner image to resize with forum when screen resolution is changed. - Leefish - 2015-03-18

Set the logo css so

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


RE: forcing header banner image to resize with forum when screen resolution is changed. - bignslow - 2015-03-19

That made no difference.


RE: forcing header banner image to resize with forum when screen resolution is changed. - travbacon - 2015-03-19

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


RE: forcing header banner image to resize with forum when screen resolution is changed. - Leefish - 2015-03-19

Sure. Please provide a forum url.


RE: forcing header banner image to resize with forum when screen resolution is changed. - travbacon - 2015-03-19

(2015-03-19, 01:45 AM)Leefish Wrote: 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