• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 25.07.18, 12:50
  • Opened by: Alex Mich
  • Closed by: Marek
  • Closed on: 05.09.18, 13:05
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12607 - Prestashop 1.6 Full page slider

Hi, I am using using Alysum 2 for Prestashop 1.6.1.14. I have set up the front page slider with some custom fotos. The Pc version looks great but the mobile does not. I have enabled the the mobile theme for both tablets and smartphones. The problem appears only when I browse vertical, the images are correct on horizontal browsing.

Is there anything else to check? Dimension of images, resolution, etc

I attached a screenshot of the site appears on a 6 inch screen smartphone.

Thank you.

Comments

Marek 25 Jul 2018, 21:41

Hi, Alex.
I see the issue and try to find out a fix as soon as possible

Alex Mich 26 Jul 2018, 09:33

Ok thanks, I will be waiting.

Marek 29 Jul 2018, 13:57

Hi, Alex.
Please give me a link to your store

Alex Mich 30 Jul 2018, 08:35
Marek 30 Jul 2018, 09:56

Do you want to have full height image on mobile? http://take.ms/ehtBf

Alex Mich 30 Jul 2018, 10:21

I want the image to be scaled in height to fit the empty white space in mobile screens.

Marek 30 Jul 2018, 10:44

Here is CSS fix:

@media (orientation: portrait) {
    #fullpageslider .main_image {max-width: 1000%;height:100%}
}
Alex Mich 30 Jul 2018, 11:25

Thanks, I will test it out and let you know.

Alex Mich 31 Jul 2018, 10:23

Unfortunately it does not work well.
On mobile the image is bit stretched trying to fit in portrait orientation.
On a tablet the image goes beyond the screen and when the “drawings” of the image are on the right side you can not see them until you fully zoom out (see attached img).

Both of these only in portrait orientation.

Marek 31 Jul 2018, 16:53

Yes, I see, forgot about one more option:

@media (orientation: portrait) {
    #fullpageslider .main_image {max-width: 1000%;height:100%;width:auto}
}
Alex Mich 04 Sep 2018, 09:56

Hi again.
After testing with different % of width and height the problem still remains.
Only in portrait mode only, tha landscape works fine.
On a 5.5 inch phone the image is at full height but you can see only the half of it and you cannot scroll left or right
and on a 8 inch tablet the image is at full height, you can see only the half of it and you can scroll left or right.

Any other options to fix this?

Thank you.

Marek 04 Sep 2018, 12:56

Please fill out all necessary fields in your profile https://support.promokit.eu/index.php?do=myprofile to access to your server through FTP

Alex Mich 05 Sep 2018, 08:39

Hi.
The fields are filled.

Marek 05 Sep 2018, 11:11

Try now, it should be ok

Alex Mich 05 Sep 2018, 12:32

Much better. Thank you.