HTML按钮适用于Windows浏览器,但不适用于Android

时间:2022-11-19 09:49:47

https://blendbee.com/shop/black-tea-blends/minty-black/

If you click any of the "Add to Cart" buttons for either Sample, 1/4 Lb, 1/2 Lb, a message appears at the top saying that the product was successfully added to the cart.

如果您点击Sample,1/4 Lb,1/2 Lb的任何“添加到购物车”按钮,顶部会显示一条消息,说明该产品已成功添加到购物车中。

HTML按钮适用于Windows浏览器,但不适用于Android

But the blue "View Cart" button in the message does nothing in Android Chrome on my Samsung Galaxy S5. It works fine in Windows 8 Chrome though.

但是消息中的蓝色“查看购物车”按钮在我的三星Galaxy S5上的Android Chrome中没有任何效果。它在Windows 8 Chrome中运行良好。

I viewed the HTML source on each device and in Windows I can see:

我查看了每个设备上的HTML源代码,在Windows中我可以看到:

<div class="woocommerce-message"><a href="https://blendbee.com/cart/" class="button wc-forward">View Cart</a> "Minty Black" was successfully added to your cart.</div>

But in Android I can't see that HTML in the source, although the button is visible in the browser.

但是在Android中我无法在源代码中看到HTML,尽管该按钮在浏览器中可见。

This is a strange one...any ideas?

这是一个奇怪的...任何想法?

1 个解决方案

#1


0  

This CSS did the trick:

这个CSS做了诀窍:

@media screen and (max-width: 767px) {
  #shop-sidebar {clear:both}
}

#1


0  

This CSS did the trick:

这个CSS做了诀窍:

@media screen and (max-width: 767px) {
  #shop-sidebar {clear:both}
}