• Priority: Medium
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 03.06.22, 14:02
  • Opened by: Krzysztof

Ticket #23404 - Prices are overlap with title on mobile

Hi, On mobile prices are overlap (pic 1). How to fix it? I would like to make it like on pic 2 on the bottom of title (both - normal and discount price) but I can’t find it

Attachments:

1.jpg (58.7 KiB)
2.jpg (266.1 KiB)

Comments

Fred 04 Jun 2022, 11:17

Hi, Krzysztof.
Try following CSS fix

#product .pk-carousel .product-description {
    display: flex;
    flex-direction: column;
}
#product .pk-carousel .product-price-and-shipping {
    width:100%;
    position:static;
    flex-direction: row
}
#product .pk-carousel .product-title {
    width:100%;
    float:none
}
#product .pk-carousel .product-price-and-shipping .discount-amount {
    display:none
}
Krzysztof 06 Jun 2022, 09:37

Still looking the same

Fred 06 Jun 2022, 10:20

Try to clear Prestashop cache. Also don't forget your browser has cache too.

Krzysztof 06 Jun 2022, 10:34

Still looking the same

Fred 06 Jun 2022, 10:48

It looks like this for me - https://take.ms/OqsNd

Try to clear Prestashop cache

Krzysztof 06 Jun 2022, 10:57

i cleared cache and there is no change. Please check on dev.apearl.eu on mobile

Fred 06 Jun 2022, 11:29

Please provide access to your DEV back office

Jest jeden błąd.
    Pracownik nie istnieje lub hasło jest nieprawidłowe.
Krzysztof 06 Jun 2022, 11:51

Please check new details

Fred 07 Jun 2022, 12:14

I have updated CSS code, please check it out now

Krzysztof 07 Jun 2022, 14:33

Looking good:) Thank you

Fred 07 Jun 2022, 17:13

You are welcome!