Horizontally scroll

Support
#1

Hello,
I can’t seem to find where this horizontal scroll is coming from. Please advise. Thank you.


the url is: https://warriorsofstone.com/
#2

Hello @Jennine,

Thanks for writing to us.

I checked the given site URL it seems that you have added custom CSS code which is causing the issue. I would suggest you please remove this custom CSS code.

body {
    overflow-x: initial;
}

Or you may add this custom CSS code to the bottom of the Global CSS code for a quick fix.

body {
overflow-x: inherit !important;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#3

yes i had to add that because without it the mobile view will not scroll down. I have added that code. Please view on an iphone. . It will not allow me to scroll down.

#4

Hello @Jennine,

I checked the site on the iPhone mode through the browser inspector tool and it seems that it is working fine on my end. Please have a look at the given screenshot on the secure note.

Hope it helps
Thanks

#5

https://drive.google.com/file/d/1giB53tL9IF53mvSaNF_5aip82bMCa2hc/view?usp=drive_link
Please see the attached video showing the scrolling behavior on my iphone.

#6

Hello @Jennine,

We would need access to view the video.

Screenshot 2023-07-02 at 7.15.03 AM
Screenshot 2023-07-02 at 7.15.03 AM1374×856 68.4 KB

It is best you upload the video to Youtube so we can see it easily.

Cheers.

#7

access granted. thank you
#8

Hello @Jennine,

Can you please update your Pro theme to version 6.2.9? You can check out the latest changes here:

Hope this helps.

#9

its still doing the same behavior on mobile.

#10

Hey @Jennine,

There’s a double scrollbar when viewed on mobile. That is an indicator of scrolling issues.

image

That comes from your footer. Your footer has a 2nd section which serves no purpose as it cannot be seen. If you delete it, that double scrollbar will disappear and your scrolling problem will possiblly be fixed.

#11

hello,
i deleted that section, however the horizontal scroll is still there. Please advise thank you

#12

Hey @Jennine,

My suggestion was for the difficulty in vertical scrolling. I no longer see the horizontal scrolling. Please clear your browser cache.

#13

yes ok great I see that issue is now fixed. Can you please help with the horizontal scroll as well as een here:https://drive.google.com/file/d/1giB53tL9IF53mvSaNF_5aip82bMCa2hc/view
Thank you

#14

Hey @Jennine,

After examining the video file, I was unable to identify any horizontal scrolling issue. Could you please provide further details regarding the problem you are experiencing? It would be greatly appreciated if you could share a more explicit video demonstrating the specific issue you are encountering. This will enable us to better understand the problem and work towards resolving it.

Thank you.

#15

hi yes sorry, i shared the wrong video. here is the correct one.


thank you
#16

Hi @Jennine,

I have checked your website thoroughly, and it seems you have set the Gap Width of the Row to 50px for few of the Sections.

[Screenshot]

I would suggest you set it to the default value, i.e. 20px or you can use the code given by my colleague Prakash in his first reply.

Hope it helps.
Thanks

#17

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.