Horizontal Scroll/Overflow issue on mobile devices

Question

This website: occecvision.org is having horizontal scrolling/ blank white space on either side of the content on my phone (iPhone, haven't checked Android).

I've already tried body, html {overflow-x:hidden !important;max-width:100% !important} but that didn't work.

I assume some image or element is larger than the device width but I can't see anything breaking the layout when I look through the page elements.

I'm using Bricks Builder with Wordpress if that makes a difference.

Please help me diagnose this issue.

Eric M. · Accepted Answer · 2023-09-01 19:43:34Z

0

I have tested the website in desktop (Firefox) and mobile (Safari) and can't replicate the problem. A simple overflow hidden on the html element should do it.

html{
    overflow-x: hidden;
}

answered Sep 1, 2023 at 19:43

Eric M.

11 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

murilo_abr · Accepted Answer · 2024-08-20 00:35:36Z

0

i`m here to save the day. You can write in any custom CSS tab this code:

html, body{
    overflow-x: hidden;
    max-width: 100%;
}

answered Aug 20, 2024 at 0:35

murilo_abr

1

Collectives™ on Stack Overflow

Horizontal Scroll/Overflow issue on mobile devices

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related