MyBB Community Forums

Full Version: images and videos not fitting mobile view bootstrap theme
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
using theme called boot bb by EreeCorp
its working soo good and i like it
only one problem
at mobile view the images and videos are way way out of the screen
not even visible with a scroll
how to fix that
thanks Shy
can you disable rocket loader (& auto minify if used) at cloudflare,
purge forum cache at cloudflare, wait for some time & then check ..

if above doesn't help then
provide a couple of test URLs where you see such problems
not sure if the time i gave was Enough or not but looks like nothing changed at all
some English threads
https://micsoft.gq/showthread.php?tid=3348
https://micsoft.gq/showthread.php?tid=3347
https://micsoft.gq/showthread.php?tid=3287
a link with a video but video was removed
https://micsoft.gq/showthread.php?tid=3278
a non English link with video
https://micsoft.gq/showthread.php?tid=3318
you can add below style rule at the bottom of global.css stylesheet of the theme & check if it helps
.scaleimages img {max-width: 100%;}
note: edit the stylesheet in forum admin panel (through themes section) AND in advanced edit mode (tab)

remember hard refreshing your browser [eg. press CTRL + F5] on a topic page after saving changes to the stylesheet
hi again from PC there is no problem at all its 100% perfect

https://i.imgur.com/SAtjCw7.jpg

but on a phone here is what the problem looks
https://i.imgur.com/8JLIyIq.jpg
^ scaling of images should also work on mobile devices with that style rule.
(checked through browser emulation as I do not use mobile devices)
the CSS code of scaling images is applied since my last reply and i did the steps about cloudflare
im still did not see any changes on phone Sad i have no idea why yet
purge the cache & turn ON development mode at cloudflare.

check if above suggested style rule exists in global.css
if it exists then save the stylesheet without any changes.
otherwise add the code and save the stylesheet & check again.
the problem solved 80% using
.post_body img {
display: block;
width: 100%;
height: auto;
}
the height looks not suitable at some point
but looks way better than what it was before i dont know but the code you provided do not make any effect and that is odd i have no idea why i dont mean anything rude and i hope my code is suitable with the bootstrap system