Unwanted Vertical + Horizontal scroll bars - Desktop Site

So I have unwanted vertical and horizontal scroll bars on my desktop website. I am not sure when/why they appeared but they cause my site to jump left and right/off centre when a viewer is using any touch pad scrolling or left and right keys to cycle through the images.

Any ideas?

Can you share your website URL?

Yes , my bad - www.alexgale.co.uk

Try this Custom CSS:

#collection-5fea10b9865f1d394c16b273 {
  #canvas {
    overflow: hidden;
  }
}

Hi,

Thanks for your suggestion, unfortunately this didn't work. Any other ideas?

Thanks

Try with an !important:

#collection-5fea10b9865f1d394c16b273 {
  #canvas {
    overflow: hidden !important;
  }
}

Perfect - that worked, thank you so much!

Hi Ziggy,

I have just noticed that this issue was fixed using your code for the home page/over view page of my site. But the scroll bar issue is still happening for other pages on my site such as the travel pages.

Is there a way to make this code apply to the full site/all pages? https://alexgale.co.uk/south-east-asia-2022

Thanks!

On 1/23/2024 at 9:50 PM, AGPHOTO said:

Hi Ziggy,

I have just noticed that this issue was fixed using your code for the home page/over view page of my site. But the scroll bar issue is still happening for other pages on my site such as the travel pages.

Is there a way to make this code apply to the full site/all pages? https://alexgale.co.uk/south-east-asia-2022

Thanks!

Try this code

body {
    overflow-x: hidden;
}