MyBB Community Forums
Auto Adjust banner for different screen resolutions - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Community Archive (https://community.mybb.com/forum-106.html)
+--- Forum: Archived Forums (https://community.mybb.com/forum-143.html)
+---- Forum: Archived Development and Support (https://community.mybb.com/forum-155.html)
+----- Forum: MyBB 1.6 (https://community.mybb.com/forum-138.html)
+------ Forum: 1.6 General Support (https://community.mybb.com/forum-127.html)
+------ Thread: Auto Adjust banner for different screen resolutions (/thread-151672.html)



Auto Adjust banner for different screen resolutions - Reefer - 2014-03-05

Hi there.

Could you please point me in the direction of how I can auto adjust the banner size to display correct on different screen resolutions.

When I view it for eg on my mobile the forum is tiny because the banner is much bigger I think.

Url http://marine-aquarium-sa.com

Help appreciated


RE: Auto Adjust banner for different screen resolutions - Destroy666 - 2014-03-05

In global.css add:
.logo {
   width: 100%;
}

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



RE: Auto Adjust banner for different screen resolutions - Reefer - 2014-03-05

awesome thanks, I think it worked

another question though, you see the menu bar I created, I cannot get to reposition it properly, tried editing the #menu areas but nothing I do makes this menu budge I would like to align it to the bottom right of my logo, just above the standard menu bar, just like the menu bar on this mybb site, thx