Hi, there is a horizontal scroll bar that appears while viewing my sites on mobile. Please see the video attached in secure message. Also for one of the sites it looks like the header is broken and doesn’t remain static while scrolling down.
Hello @Nalwi,
Thanks for writing in! I have checked your site and I found out that this is because of your global block.
- see the secure note.
Please edit your global block and make sure to set the maximum width of the Row element to 100%.
Kindly let us know how it goes.
Hi @ruenel,
Thank you! That has fixed that particular site. However, the other site still the same issue, even through I have made the same changes as you have requested.
Hello @Nalwi,
The other site has the same issue with the same social icon global block.
You might also check the email because it also exceeds the bounds of the container. Try removing them first and then test the page.
Best Regards.
Hi @ruenel,
I have tried that as you have suggested and removed both of those. But still having the same issue on mobile.
Hey @Nalwi,
The issue doesn’t happen on your Thank You page so one of the elements on your home page could be causing the issue.
The best way to figure out what’s causing the issue on your own is to duplicate your home page and test the copy by removing 1 section at a time then checking the result on the front end. That last section you delete that fixes the page contains the element causing the issue.
For example, I see your images have 200px Width. That overflows in mobile view. Set the Width to auto then use Max Width of 200px.
Hope that helps.
Hi @christian and @ruenel
Thanks I have followed your advice and the mobile site seems to be fine now.
Can you please remove the screenshots you have posted?
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.