• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 15.04.19, 20:06
  • Opened by: Brian Fuks
  • Closed by: Marek
  • Closed on: 24.04.19, 16:22
  • Reason: Closed
  • Comment: Glad to help!

Ticket #14267 - Shipping method mobile

Hi Marek,

I’m having issues with the shipping method on mobile version. It looks really bad. How can I make this nicer?

Thanks!

Comments

Brian Fuks 15 Apr 2019, 20:08

Another screen

Marek 15 Apr 2019, 23:34

Hi, Brian.
Try to reduce spaces with following code:

@media (max-width:768px) {
#checkout #wrapper {
    padding: 20px 10px 50px !important;
}
}
Brian Fuks 15 Apr 2019, 23:48

It doesn’t work.

Marek 15 Apr 2019, 23:48

Make sure you have cleared cache of your prestashop and browser

Brian Fuks 15 Apr 2019, 23:52

I have disabled cache, that’s not the problem. Maybe it better to create a different layout for mobile on that shipping step. Do you know where I can edit the code and maybe hide on desktop the actual code and create another one for mobile?

Marek 15 Apr 2019, 23:54

try this:

@media (max-width:768px) {
body#checkout #wrapper {
    padding: 20px 10px 50px !important;
}
}
Brian Fuks 15 Apr 2019, 23:57

It still ugly… It’s really important that step. 96% off traffic came from mobile.
What do you think about what I told you above?

Brian Fuks 16 Apr 2019, 00:16

Already fixed.

Marek 16 Apr 2019, 09:40

Great!