Shop Archive ipad horizontal view problem

[nichelead]

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

[Radu]

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 solution

What support service includes ? What not ?

[nichelead]

Hi Radu,

It didn’t fix it

[Radu]

Sorry, 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 solution

What support service includes ? What not ?

[nichelead]

yes, I missed the ‘with’ typo too 🙂

It’s working now, thank you!

[Radu]

Great

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

What support service includes ? What not ?

[Author]

Posts