This topic has 5 replies, 2 voices, and was last updated 8 years by 
-
-
Hi,
When viewing shop archive products on desktop, when hovering over a product ,the cart & eye icons pop out.
When on mobile devices (touch screens), the cart & eye icons are displayed always as there is no hover ability on touch screen devices.
The problem:
When holding ipad vertically these icons display as they should, but when holding the ipad horizontally the icons don’t display.
The horizontal view in ipad behaves in this instant as a desktop rather then as a mobile/touchscreen device.
I’m sure there is a very simple fix for it.
If you can release a theme update with a fix right away that’s great.
If not, please provide a css or php snippet that I can add to my child theme to fix it meanwhile.
Thanks,
Tom
Hi,
Try with this css
COPY CODE@media(max-with:1200px) { .woocommerce ul.products li.product figure figcaption { bottom: 0; } }Let me know
CSS will be added to wp-admin -> theme options -> general settings -> quick css
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSorry, typo in the CSS…, try again
COPY CODE@media(max-width:1200px) { .woocommerce ul.products li.product figure figcaption { bottom: 0; } }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionGreat
Have a nice week
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘Bugs & Issues’ is closed to new topics and replies.
