Buttons in Webshop disappearing in Mobile view

Design help General
1

Hi All,
A strange problem has occured where the buttons to buy and add quantity to the basket on merchandise in the webshop disappear on mobile view.
It is completely fine on desktop, and was until a few months ago on mobile too.

Then all of a sudden only the picture of the product and description are visible on mobile.
The buttons you can see flash up for a split second before disappearing.

Any ideas on things that I should check to solve this one, as its a complete mystery.

Have checked all the usual visibility elements in the editor.

Hoping that someone has had exactly the same and found an easy fix! Its costing the business in lost sales :slight_smile:
Cheers!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi Dougie,

Can you share the link to the website?

Kind regards,
Edwin Emmen

3

Hi Edwin - its www.roundsheffieldrun.com - if you have time to look on a laptop and a mobile you’ll see the difference :-)

Cheers!

4

Hi Dougie,

On the product detail pages, the body has overflow: hidden; applied to it, thats causing the issue, when you remove it, then the issue is fixed.

  1. Select body element
  2. Change it to auto
    image
    image383×131 7.98 KB

Goodluck!

Kind Regards,
Edwin

5

Thanks Edwin - none of the overflow elements seem to be hidden. I’ve been experimenting with different overflows to see if this makes a difference, and so far no joy.

Unless you can see something specific that I’m missing? :slight_smile:

6

Found it thanks Edwin - had to scroll through the navigator bar to find the culprit. It was indeed the body which sits at the very top, I was clicking all the individual elements within the body as a whole.

Legend many thanks for taking the time to respond to this.

1 Like
7

Hi Dougie, Glad to help.