Hello everyone,
I need help because for some time now, when I publish blog articles, some of them do not display correctly on mobile devices.
The content goes off the screen.
Here is an example of an article that is not displaying correctly: Piscine en béton armé : solidité, design et durabilité
Can you help me resolve this issue?
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi there,
Content overflowing on mobile devices can be frustrating, but there are several effective solutions to address this issue. The key is ensuring your elements adapt properly to different screen sizes.
Start by checking your width settings - both parent and child elements should use percentage-based widths with max-width set to 100%. This allows content to scale appropriately across different devices. For decorative purposes, consider using background images within Sections rather than inline Image elements, as they typically handle responsive behavior better.
To identify specific elements causing overflow, enable X-ray mode in your Canvas settings. You can also preview your site in Designer and hover your cursor over any extra whitespace on the right side to pinpoint problematic elements. Pay special attention to elements with fixed pixel widths, as these won’t automatically adjust to mobile viewports - for example, an element set to 500px won’t fit properly on screens narrower than that width.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
It looks like you’re using Google ads, and some of those sections are not compressing below 940px which makes them much wider than your body content, and the browser scales the page to fit.
I think I also saw a page-level grid layout with colspans- it’s likely something’s going on there too that’s affecting the layout calc.
But the ads seem to be the center of the layout problem.
It looks like you’re using Google ads, and some of those sections are not compressing below 940px which makes them much wider than your body content, and the browser scales the page to fit. … I think I also saw a page-level grid layout with colspans it’s likely something’s going on there too that’s affecting the layout calc. But the ads seem to be the center of the layout problem.