slider size on iPad

[chryseis]

Hi,

I have put a slider and text on the right side of it.
When I look on the ipad when I hold it vertically, the slider appears small compared to the text. The text on the right exceed the slider.
If i hold the ipad horizontally it all goes back to normal. Is there a fix for that?

Here a link to the page I talk about:
http://www.connecteam.fr/accueil1/

moreover it takes some time for the slider to appear..is that normal?

Kind regards,

[Cosmin – SUPPORT]

Hi,

Unfortunately, there isn’t any easy fix, as the slider can’t stretch vertically in that situation. But if you want, we can make it so the text on the right shows up below the slider, for iPad in portrait/vertical mode.

To do that:

1) Add an Extra Class to your Text Block element (edit it with the Page Builder, you will see an option for this). Let’s say you name it home-text-clear

Now do the same for the slider element, add an Extra class called homeslider-force-full

2) Go to the General theme options and add this in the Custom CSS box:

@media screen and (min-width: 760px) and (max-width: 768px) and (orientation: portrait) {
  .home-text-clear {
    clear: both;
    margin-bottom: 40px;
    width: 100%;
  }

  .homeslider-force-full {
    width: 100% !important;
  }
}

That should force the slider to be full width and the text to go underneath it, but only for iPads on vertical.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[chryseis]

Hi,

for the moment I’ll keep it that way, I don’t want to get to things too technicals and if you put the iPad horizontally it’s fine so I’ll see with my client about this.

I ll keep this code in mind.

Thanks a lot.