I created a fullwidth easy slider that looks fine on desktop. But on mobile, it isn’t responsive at all – the caption title and content are too large, and the image height needs to be a lot larger. Can someone help me figure this out?
Hey dryo1,
Thank you for the inquiry.
Have you tried adjusting the Styling > Font Sizes settings? You can set different values for different screen sizes.
Best regards,
Ismael
That’s helpful, thank you…I just adjusted the font sizes and the caption title and content are better now, but still running off the bottom of the image…And what about adjusting the slider’s image size for mobile so it runs full height? (I’d like the image to reach to the bottom of the screen.)
Is there a way to adjust the slider/image size on mobile? I’d like it to be full-length height-wise on an iPhone screen.
And how do I adjust the layout placement of the caption title, content, and button so it is vertically centered on the image?
Hi,
adjusting the slider’s image size for mobile so it runs full height?
You can replace the Fullwidth Easy Slider with Fullscreen Slider or use both, then adjust the Advanced > Responsive > Element Visibility settings to toggle the display of the sliders. You’ll have one slider for desktop and another for mobile view.
To adjust the position of the caption, go to the Styling > Caption panel, then adjust Caption Positioning settings.
Best regards,
Ismael