Skip Navigation

[Resolved] Toolset Blocks makes the mobile site width larger than screen with Astra theme

This thread is resolved. Here is a description of the problem and solution.

Problem: The mobile site width is larger than the screen, resulting in horizontal scrolling on mobile devices.

Solution: A CSS fix is required, this is not related to Blocks or Toolset per se. A long URL text link is displayed in a single line without breaks, resulting in the horizontal scrolling issue. See the following article for a discussion of the issue and a proposed CSS fix.

Relevant Documentation:
https://stackoverflow.com/questions/18157620/responsive-solution-for-long-urls-that-exceed-the-device-width

This support ticket is created 4 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by romanB-3 4 years, 6 months ago.

Assisted by: Christian Cox.

Author
Posts
#1671931

Hi,
Toolset Blocks makes the mobile site width larger than screen with Astra theme
Deactivating Toolset Blocks solves the problem.
hidden link
Thank you.

#1672507
Screen Shot 2020-06-22 at 2.31.28 PM.png
Screen Shot 2020-06-22 at 2.31.22 PM.png

Are you referring to the homepage? It seems that there is a very wide link breaking the width of the page. It is the Page Facebook link, and some of the posts have very long link text. See the screenshots.

This isn't necessarily related to Blocks. I think you need a CSS fix for this.
https://stackoverflow.com/questions/18157620/responsive-solution-for-long-urls-that-exceed-the-device-width

#1673427

My issue is resolved now. Thank you!