I’m having a problem with mobile responsiveness. On single post pages and the about page there is a horizontal scroller that won’t go away but only shows on mobile.
It’s fine in Firefox but Chrome shows the content at half the width so it’s impossible to read. The other half of the screen is white space even though I’ve set it to full content. Android just shows it zoomed in with the white space to the right so the screen flies all over the place when you scroll.
I think it has something to do with the width of an element being slightly too wide but I have no idea how to fix it and I’ve been trying for days. I changed the default site width/padding etc. early on so no idea what they should be for this theme and what with various added CSS in an attempt to fix it, it’s now just a complete mess. Can you help? I’m in no way an expert and it’s driving me insane.
Please share the direct link to the page where the issue appears and we will check for the possible solutions.
Thanks for the reply. The issue is appearing on every Single Post Page and the About page. https://naturaltonicole.com/3-quick-natural-remedies-to-calm-ibs-flare-ups/
Thanks for looking into it,
1. The reason for the issue can be your installed plugins, please deactivate them one by one and you will able to catch the which one was the source for the issue.
2. If you want to not lose all the changes made with the plugins, please install 3rd party plugin staging, clone your website database and make the changes on the cloned staging site, here is the video guide to better understand how it works.https://www.youtube.com/watch?v=YtY-q5BBpeE
You must be logged in to reply to this topic.