Link redirects incorrectly on mobile view

  • Hi, recently one of the eCommerce sites (built using Woocommerce) my company manages has had a strange mobile link problem. On a PC everything works fine, but on a mobile view one of the products does not link to the right page. I don’t know if this is a hosting issue, a WordPress issue or a Woocommerce issue.

    The page/product in question is:

    https://fineartsspiritstore.com/index.php/product-category/t-shirts/

    Upon clicking on “select options” for the first item, “Short Sleeve T-Shirt”, on a PC, the user is brought to the correct product-the Short Sleeve T-Shirt. But if you click on “select options” for that same product on a phone, the user is brought to “Long Sleeve T-Shirt”. I’ve checked the permalink and it’s fine. When I use Google’s Developer Tools and check the “select options” button, everything seems to check out link-wise. Everything is up to date on the back end of the site, anyone know what’s going on?

    https://www.ads-software.com/plugins/woocommerce/

Viewing 1 replies (of 1 total)

  • In mobile, the second li tag overlies the first, thus capturing any click.

    Try this fix in your custom css to force the li tag heights to be calculated:

    .woocommerce  ul.products li.product {overflow:hidden}

    Check for unwanted effects elsewhere.

    Alternatively you could use a media query to remove the floats on li on mobile.

Viewing 1 replies (of 1 total)
  • The topic ‘Link redirects incorrectly on mobile view’ is closed to new replies.