Hi,
When viewing my site on mobile ( iterated off of one of the demo themes), there is a strange large gap between the 2nd and 3rd overlay text box sections (Consulting & strategy, and Thought Leadership / Speaking) and also between the 3rd section and then the rest of the homepage.
I tried altering the buffer / spacing on the text element and the section, but did not seem to work.
Where are the values I need to change to fix these issues in mobile view? Thanks.
Hey,
Thanks for contacting us!
Please edit your column elements on that row and go to Advanced > Animation > Parallax Rules, then click on the last two icons for smaller screen sizes and set parallax to none – https://imgur.com/a/ubz21uH
Default (first icon) is set to 100% so other screen sizes it use it as well. Decreasing the value would also help :)
Best regards,
Yigit
This is the real purpose of the first screen you can adjust. For exactly the reasons you stated above, I usually only change the second and third screens. This way you don’t necessarily have to set the last two. Because in the rarest of cases, these settings are also applied to mobile devices. By leaving the first setting, the default values will be applied.
Hi,
@Guenni007 Thanks for your input. That definitely makes more sense to adjust 2 screens instead of 3 :)
Best regards,
Yigit