Weird scrolling issues on Iphone and Ipad

  • Hi.
    Just faced strange issues with scrolling on Apple mobile devices. Scrolling is randomly stuck. It’s becoming “sticky” and won’t allow to scroll both up and down, especially if content is vertically orientated. After several attempts it finally scrolls. It also allows to scroll after orientation change from vertical to horizontal and visa versa. It happens both with Safari and Google Chrome browsers. I think it might be some css issue, but can’t figure it out. Please advice.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hey there, I had a quick look at your site and I could see it right at the very beginning and then not reproduce it.

    That first time, when I disabled this bit of (what I think is custom CSS), it worked straight away:

    .site {
    overflow-x: hidden;
}

    Could you try disabling this to see if that fixes things?

    Thread Starter koba07

    (@koba07)

    Just tried, no effect.

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Can you try to temporarily disable the custom CSS you have on your site? (Or whatever code you have added to make the header sticky.) Is that still not working? If it’s not working, can you first let me have a look without the custom code on your site?

    Thread Starter koba07

    (@koba07)

    I think it’s controlled by the basic theme. I haven’t added any css to make header sticky. The only custom CSS i have is controlling logo size. Can it affect scrolling?

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    How did you make the header sticky? If you’re using Storefront Powerpack, please contact us at WooCommerce.com > My Account > Tickets. You may need to create an account before you can access that page.

    Please include a link to this forum thread, so that we can keep track of what’s already been done.

    I’ve had another look at your site, and it definitely seems to be connected to that bit of CSS. You see in this gif that if I disable it, the sidebar automatically become longer:

    scrolling when disabling CSS
    Link to image: https://d.pr/i/CYmHXA

    We now need to find out why or how that’s happening.

    Thread Starter koba07

    (@koba07)

    Yep, i’m using Powerpack. So i’ll submit ticket.

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Thanks – I’ll mark this thread as resolved as I’m fairly confident this isn’t related to Storefront core, but to Powerpack.

    I have the same problem when i browse the website on iphone.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Weird scrolling issues on Iphone and Ipad’ is closed to new replies.