Slider has extra space above and below on mobile

Hi @sebigdl

As I saw you already had a support ticket about this topic. Could you check your inbox please?

Anyway for those who also experience these kind of problems.
The problems comes from the height of the content added to the slides. The text in your slides are added in Content mode: https://smartslider3.helpscoutdocs.com/article/1430-tutorial-video-content-mode
where the height of your slider also depends on the height of the content added to the slider.

So if you have at least one slide with lots of content, that can not fit into the area of the specified slider size, then that will increase the height of the slider and the slides inside it.

As an example: the slide with the text: “2. Align your teams in collaborative pursuit of the goals” with listings under it, is too high on mobile devices. So this could be the reason for the increased height of your slider on mobile devices. You should decrease the height of this – and all other too high slides as well.)

The results could be improved on mobile devices by:

• Switching to mobile view: https://smartslider3.helpscoutdocs.com/article/444-interface-slide-configuration-area#device
• Change the font size of your textual layers, via the Font size modifier: https://smartslider3.helpscoutdocs.com/article/1403-why-arent-my-texts-getting-smaller-with-the-slider#font-size-modifier
• hide some layers on mobile if it is necessary: https://smartslider3.helpscoutdocs.com/article/444-interface-slide-configuration-area#showon

The reason the image appears fine, is that you are using the Fit fill mode for the Slide background images This option scales down the slide background image so it can fit into the slider: https://smartslider3.helpscoutdocs.com/article/1295-slide-settings-background#image-tab

Best regards,
Laszlo.