Hey guys,
I have an issue on small resolutions where content is overflowing and clipped off by the window’s edge. It cannot be scrolled to. I thought it may be content specific, but it’s irrelevant of content type, column count, etc. It occurs when the resolution hits ~350px in width.
I’ve thrown in a private link. What do you recommend is the cleanest way to squish the content back in?
Cheers.
Hi NotoriouslyBIG!
Have you tried checking your website on an actual mobile device? My browser does not go any smaller than 400px and neither my iphone unfortunately.
Best regards,
Yigit
Hi!
This is how it looks on iPhone 4 emulator. Contents are rendered properly:
Best regards,
Ismael
Hey!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.responsive #main .container_wrap:first-child .container { width: 300px; }}
Regards,
Yigit
Cheers Yigit. That worked absolutely flawlessly.
The support here at Kriesi.at is really appreciated.