NO BUG: Mobile view height different to builder

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hi folks,
I’m not really sure where to place this post. :S

I’m experiencing a weird issue: I’m unable to display the builder design properly in the final mobile result. It seems like the height configured for the desktop mode is being applied to every section.

Additionally, some items set to “display: none” (e.g., the “Contacto” button) are being shown.

I’m not an expert in this awesome builder (which I love), but this isn’t my first website with it, and it’s the first time I’ve had this issue

Hope you can help me. Thanks in advance!

Captura de pantalla 2025-01-13 a las 12.45.02
Captura de pantalla 2025-01-13 a las 12.45.02180×905 165 KB

Captura de pantalla 2025-01-13 a las 12.45.23
Captura de pantalla 2025-01-13 a las 12.45.23391×844 214 KB

2

Hello @Trellat,

I’ve checked your website, and I can see what is happening. Looks like that you have different layout set if the mobile/screen is narrower than 378px. If the screen is wider, then tablet (or desktop) styling applies.

Please check the styling on one bigger breakpoint, and adjust it there.

Let me know if this solves the issue.

Thanks,
Matej

3

Thank you, Mateh!!
I’ve reset the mobile max-width breakpoint, and it worked like a charm.

I had set it to 378px to try and work with tiny spaces, but I didn’t realize it wouldn’t work properly for many larger devices.

As I said, I’m not an expert. :S

4

No worries, we learn something new every day :wink: I’m happy that it works now.

Thanks for your response back.
Matej