Headings and sections are scrolling separately. Mobile view scroll left & right.

Hi all! I've created this website and after completing I had an issue where I could scroll left to right on safari mobile browser. So I searched the forums and found this code:

div {
 overflow-x: hidden;
}

This fixed the original issue and I no longer can scroll left to right. Great! But now my next issue i'm facing is that when you scroll on the website you can make the headings scroll if you touch them. No idea how to fix this.

Is there a code to stop this from happening or will we need to delete the original code and try fix the original scrolling left to right issue.

Thank you all

Page reference: https://www.jukeelectrical.com.au/

On 7/12/2024 at 5:07 PM, tuanphan said:

Remove your code & use this new code

body {
    overflow-x: hidden;
}

 

You are amazing. This fixed it, thank you!