NO BUG: Horizontal scrolling of mobile browsers on blank pages

Bugs
1

Browser: Chrome 134.0.6998.88
OS: Windows

Hi bricks team,

If there is no content on a tab, the page name is displayed. On desktop there is no problem, but on mobile the page is fully scrollable horizontally. Of course, if you zoom in on the desktop browser, the scroll will only be visible. Live link

b
b1919×913 24.9 KB

2

width:1200px css coming from the theme styles

1 Like
3

Hi @sinanisler,

True, but the width of the content (the container in the theme style) is different on every website. The default width is 1100px which is not a problem. But if I manually set it to 1100px the problem reappears. So I think there is a problem.

4

this is the only setting you need for site width and containers

image

5

Yes, I have also used this option to control the width.

6

Hi Hosein,
Thanks so much for your report!

That’s right, but what is the purpose of an empty page?
As soon as you add a single letter to your content, the default styles to align the Gutenberg content will be added:

#brx-content.wordpress {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 1100px;
}

Without content, they are missing, so there’s only the width, but no max-width or margins.

Best regards,
timmse

7

Hi timmse,

That’s right, but what is the purpose of an empty page?

I agree that a blank page is a very rare occurrence. I recently encountered this issue on a client site and decided to report it.

8

That doesn’t answer my question :wink:
The scenario you describe will not happen in reality, so I don’t see a bug here.

If you - for whatever reason - want to publish empty pages, add the above mentioned styles to the Bricks settings so that they are always present - even with empty pages :slight_smile:

1 Like