Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #336474

    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.

    #336478

    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

    #336489
    This reply has been marked as private.
    #336567

    Hi!

    This is how it looks on iPhone 4 emulator. Contents are rendered properly:

    Best regards,
    Ismael

    #336587
    This reply has been marked as private.
    #336594
    This reply has been marked as private.
    #336898

    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

    #337104

    Cheers Yigit. That worked absolutely flawlessly.

    The support here at Kriesi.at is really appreciated.

    #337106
    This reply has been marked as private.
    #337383

    Hey!

    You are welcome, glad we could help! Have a nice weekend :)

    Best regards,
    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mobile content width overflows and hidden outside of window’ is closed to new replies.