Supported Versions
The details shared here apply to the Slideshow, Image with Text Overlay and Video sections in the most recent version of Turbo. To keep your theme up to date, check out this helpful document.
In This Article
Banner Images on Mobile
The release of Turbo version 5.0 introduced new mobile specific settings for banner images in the Slideshow, Image with Text Overlay and Video sections. Settings for these sections now include options for text position, text color and image cropping (slideshow and image with text overlay only), so you can get your images looking just right!
Slideshow section
When viewed on a mobile device, the Slideshow section either stacks vertically with the banner image displaying at the top and the text and buttons display underneath, or with the text/button displaying on top of the image – depending on your 'mobile' settings.
Show text below image
By default, the text and buttons will display below the banner image on mobile. If you'd like the text to display on top of the banner image, you can disable the 'show text below image' setting.
Text
You have the option to choose a specific color for the text on mobile.
Image cropping
This setting is located within the content block settings in each Slide.
By default, the section displays the entire banner image on mobile without any cropping/zooming which typically results in a narrow banner. If you'd like to allow a greater display area on mobile, you can enable 'image cropping' which will crop and zoom in on the image (left, center, right).
Image with Text Overlay section
When viewed on a mobile device, the Image with Text Overlay section either stacks vertically with the banner image displaying at the top and the text and buttons display underneath, or with the text/button displaying on top of the image – depending on your 'mobile' settings.
Image cropping
By default, the section displays the entire banner image on mobile without any cropping/zooming which typically results in a narrow banner. If you'd like to allow a greater display area on mobile, you can enable 'image cropping' which will crop and zoom in on the image (left, center, right).
Show text below image
By default, the text and buttons will display below the banner image on mobile. If you'd like the text to display on top of the banner image, you can disable the 'show text below image' setting.
Text
You have the option to choose a specific color for the text on mobile.
Video section
When viewed on a mobile device, the Video section either stacks vertically with the banner image displaying at the top and the text and buttons display underneath, or with the text/button displaying on top of the image – depending on your 'mobile' settings. When you click to play the video, it will open up full-screen that the customer can then click 'X' to get back to the homepage.
Show text below image
By default, the text and buttons will display below the video/image on mobile. If you'd like the text to display on top of the image, you can disable the 'show text below image' setting.
Text
You have the option to choose a specific color for the text on mobile.
