Product Hover Style don't run perfectly on Crome Mobile

[Nibes Computing]

Good Morning,

on the catalogue of product on smartphone, when i open it in google crome, if i touch a product i can’t select one of  3 icons because open directly the product.

 

Thank you for your support

 

Nicolas

[Harry]

Hi,

Thank you for choosing our theme.

Could you tell us which device you are using? I tried check your site on Chrome on iOS 10.3.3 it work well.

Kind regards!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Nibes Computing]

Hi,

Samsung e Huawei, smartphones android sorry, on iPhone it work well

[Harry]

Hi,

Sorry for late reply. I tried more ways but don’t find a solution for hover action on Android device. Do you want to show the icons from first view on mobile?

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Nibes Computing]

Hi, thanks for your response.

Can you show me an example please?

Thank you for support

[Nibes Computing]

Sorry, I have another problem.

Woocommerce don’t save the shipping country and I don’t know why. Tanks for your support and good work

I give you a screen

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. The layout show the icons on first look on mobile will like this http://take.ms/XOU8z

2. This issue because conflict JS with plugin YITH WooCommerce Dynamic Pricing and Discounts, you can try deactivate this plugin and try create new shipping zone.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Nibes Computing]

Hi,

1)  Like this don’ t see photos well. I send you two example of my idea. For me is important Heart wishlist’  icon and if possible cart’s icon.

2)  Thank you very much, I was going crazy!

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 800px) {
	.product-button.flex {
		flex-direction: column;
		right: 10px;
		left: auto;
	}
	.product-button.flex > *{
		margin: 0 0 5px;
	}
	.product-button > *,
	.product-button a.button {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		background: #b59677 !important;
		color: #fff !important;
	}
	.product-image .yith-wcwl-add-to-wishlist a {
		color: #fff !important;
	}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Nibes Computing]

Hi,

thank you for solution, on android mobile run perfectly but on iOS need two tap to add a preferite item. Is possible fix this problem please?

Thank you very much

[Harry]

Hi,

I’m sorry it can’t sole because on iOS Safari it have hover action.

Kind regards!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Nibes Computing]

Ok, can I deactivate the hover action on safari? were can I find the file?

 

Thank you very much

[Harry]

Hi,

This is core function of browser it can’t deactivate action.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts