Skip Navigation

[Resolved] View makes mobile screen a little wider than container+adds scroll to left/right

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

Problem:

I have a view showing related artists with pictures and text that renders on a page. The view makes y mobile viewport a little larger than the container and results in annoying left and right scroll.

Solution:

The problem is Bootstrap grid CSS with elementor editor, it conducts the problem, in your case, you can use CSS codes override the row "margin-right" "margin-left" values, see my screenshot

https://toolset.com/wp-content/uploads/2021/06/2096271-row_1.jpg

Relevant Documentation:

This support ticket is created 3 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
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 4 replies, has 2 voices.

Last updated by matthieuB-5 3 years, 6 months ago.

Assisted by: Luo Yang.

Author
Posts
#2094793

Tell us what you are trying to do?

I have a view showing related artists with pictures and text that renders on a page. The view makes y mobile viewport a little larger than the container and results in annoying left and right scroll.

Is there any documentation that you are following?
No

Is there a similar example that we can see?
hidden link

What is the link to your site?
hidden link

#2095261
thang.jpg

Hello,

I assume we are talking about the post view below text "RELATED ARTISTS", I have tried it with my android phone, it works fine, I don't see the same problem as you mentioned above:

The view makes y mobile viewport a little larger than the container and results in annoying left and right scroll.

See my screenshot thang.JPG

Is this problem resolved? please let me know if you need more assistance for it, thanks

#2096009

Hi

you can check other devices with this tool:
hidden link

On the iphone ones you can see the slight scroll to the right and left, i'm assuming this is a css issue in my view, can you take a look?

It's also on the homepage, line up page, artists page, ... (some with a different view, some with the same)

Thanks
Matthieu

#2096271
row.JPG

Thanks for the details, The problem is you are using Bootstrap grid CSS with elementor editor, it conducts the problem, in your case, you can use CSS codes override the row "margin-right" "margin-left" values, see my screenshot: row.JPG

#2096855

My issue is resolved now. Thank you!