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

Ticket #19487 - Mobile issue

Hello,

My website is almost finished but I’ve noticed a display issue on mobile http://beta.augresdesbois.com See screenshot.

All title underlines are striking out the title on mobile, and the lookbook name doesn’t display well.

Thanks for your help.

Nathalie

Attachments:

IMG_0111.jpg (277.1 KiB)

Comments

Fred 20 Oct 2020, 15:13

Try following CSS 

@media (max-width:768px) {
.page-index .module-title {font-size:14px;}
}

And make full width for lookbook section for mobile

Sylvain Duval 20 Oct 2020, 15:22

It changed, but still not good : underline is weird and not centered, and lookbook name is still cut

Attachments:

IMG_0114.jpg (360.6 KiB)
Sylvain Duval 26 Oct 2020, 14:47

Please, did you find a way to properly display it ?

Fred 26 Oct 2020, 18:21

it definitely works https://take.ms/nNLiD

Add this code to the Theme Settings → Customer CSS and don’t forget about cache 

@media (max-width:768px) {
.page-index .module-title {font-size:14px;line-height: 3rem}
}
Sylvain Duval 27 Oct 2020, 12:54

I added your code and Lookbook is still not displaying well on the homepage.
I’m talking on the website : http://beta.augresdesbois.com
I joined a screen shot so you can see that :
- Lookbook name is cut and is displaying on an image (so reading is not good)
- 2nd lookbook is displaying under the 1st
- product are displaying on top of each other.

Regards

Attachments:

IMG_0131.jpg (263.4 KiB)
Fred 27 Oct 2020, 13:33

there are big spaces on the left and right
try following CSS 

@media (max-width:1024px) {
.pts-container-wrap {margin: 0 20px !important}
}
Sylvain Duval 28 Oct 2020, 16:45

It’s not working (I’m using an iPhone)

Fred 28 Oct 2020, 16:46

don’t forget about prestashop and browser’s cache. The code definitely works