Border doesn't hides upon swatch toggle in Mobiles
-
Hi,
There is an issue with the theme in mobile browsers. Please follow the steps given in a real mobile browser:
1. Go to page https://woodmart.xtemos.com/shop/?opt=quick_shop
2. Tap on the color swatch on of any variable product except the default one. Now a border will appear below the swatch.
3. Tap again to the same swatch. It will load the default product image back. But the border will still remain on that swatch.
This behavior isn’t in desktop browsers. How do I remove the border below swatch on second tap in mobile devices? Please rectify in the future version as well.
Thanks
Thanks
Hi,
Try to add the following custom CSS code to your theme
.product-grid-item:not(.product-swatched) .woodmart-swatch:after {
border-color: transparent;
}
We will consider changing the following behaviour in future updates.
Regards
Hi,
I have added the code but I don’t feel it fair to add CSS code to fix CSS related bugs in the theme. Additionally, I have to remove the same from my end when you would have added in the parent because mine would be useless and burden on the site.
Thanks
Custom CSS area in theme settings created specialy for adding custom CSS codes that will make some tweaks to the site or fix CSS related issues.
If you consider this problem insignificant, you can remove the provided custom code and wait until it will be changed in the theme update.
All changes that were added or fixed in theme update will be suggested in the changelog on ThemeForest theme page so you can always track what was changed in our theme before updating to the latest version.
Regards
.
