Problem with overflow in mobile

How To
1

Hello,

I have a problem with the mobile version of this site, I don’t know what causes the horizontal scrolling.

I detele the header and footer, i delete all the section from homepage and is still present

This problem appears even on an empty page of the site, without anything done in bricks, here for example

I tried several options and I can’t find the problem.

Thank you.

Link

2

From a quick check I can only see that your default page seems to run 1024 px wide. Have you tried just throwing #page {overflow:hidden;} in your CSS?

3

Yes, i even exported the homepage template and import to another website, and its show the same

4

Did you check all your default settings? I think there must be static size instructions somewhere. I found a set width of 1366px in the mobile view and the overflow vanishes when deactived.
—>
#brx-content.wordpress {
/* width: 1366px; */
}

(And sorry, I was mistaken with what I said about 1024 px earlier, ignore that.)

5

Thanks for answer.
Yes. i set the default container size to be 1366px in theme style, now i removed that and the problem is still the same, but now its show correctly in pages that are in gutenberg, like this

6

Oh okay, yeah, I looked at that site! On your homepage you have the containers set to 1100 px, I think that causes the issue. Looks fine if I deactive that.

.brxe-container {
align-items: flex-start;
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
width: 1100px;
}

1 Like
7

You are right, it was 1100px because this is the resolution from bricks, and I had disabled the container size from the theme style.

Now I put 1366px for the desktop (as I put on every site, it should be the default size for the container and I haven’t had any problems so far), and the strange thing is that I have to put the size on the container for the mobile version as well so that it looks right, until now I didn’t change the size of the container for the mobile version and everything works perfectly with 1366px on the desktop. Now I put 320px for mobile and everything is fine.

Thank you very much for your help.

1 Like