Parallax not responsive and horizontal scroll on a mobile phone

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
ohisiojohn
 
 
Posts: 65
Joined: Fri Oct 19, 2018 5:06 am

Parallax not responsive and horizontal scroll on a mobile phone

Post by ohisiojohn »

Hi Pablo,

I have two issues;

1. All images I set to be Parallax are not responsive. The parallaxes are inside layout grid
2. All other objects are responsive but a horizontal scroll is created for all pages on a mobile viewport. How I can stop that extra space created on the right side of the screen. It is almost same size with the responsive objects shown on the screen. For more details, below is my website address

http://www.visions-academy.org/
User avatar
Pablo
 
Posts: 22429
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Parallax not responsive and horizontal scroll on a mobile phone

Post by Pablo »

1. What do you mean by 'not responsive'. What did you expect to happen?
Where exactly on the page do I need to look for those images?

2. Please see the FAQ: There is a large is empty space at the bottom or right side of my page.
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817

I think the main issue is that you have used of fixed objects inside the layout grids. So the grid cannot become smaller that the size of those objects.
My suggestion is to make sure that all objects are set to 'full width'. Or use breakpoints to adjusts the sizes of the objects.
Post Reply