• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 30.10.20, 11:22
  • Opened by: Sylvain Duval
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #19617 - Responsive issue on mobile - Product page

Hello,

On my website : https://augresdesbois.com/ When you are on a product page, at the end you’ll see “in the same category”. It doesn’t display well on mobile :
- I specified 1 column for mobile but it displays 4 columns so products are very small
- because of that, product title displays under price.

Could you please help me with this issue ?

Regards

Attachments:

IMG_0159.PNG (853.2 KiB)

Comments

Fred 30 Oct 2020, 11:32

I see it like this https://take.ms/rNJdW Please give me a link where I can see the issue

Sylvain Duval 30 Oct 2020, 11:36

https://augresdesbois.com/porte-savon/315-porte-savon-feuille.html : this is the link of my screenshot.

Fred 30 Oct 2020, 11:40

Try following CSS 

@media (max-width:768px) {
    .pk-carousel:not(.pk-carousel-active) > article {width:48%}
}
Sylvain Duval 30 Oct 2020, 11:54

It doesn’t work, it still displays the same

Fred 30 Oct 2020, 12:01

Please don’t forget about cache, I have tested it out and the code definitely works
maybe try this option

@media (max-width:768px) {
    .pk-carousel:not(.pk-carousel-active) > article {width:48% !important}
}