Text in Slider Revolution is messed up by Mobile iOS large dynamic type setting

Hello, I just viewed the website with the Storefront theme activated and the issue still arises when viewing the slider revolution module only. See attached screenshots of the before and after adjusting the iOS dynamic type setting. How can this be resolved? Is there a way to limit the scaling of text in slider revolution?

That’s the primary area where the issue can be seen. The issue also exists in the banner above the header.

That is how I have the layers setup on Slider Revolution currently – it’s actually specific to three different screen sizes right now. But the problem is containing or limiting the text size within the module. I’ll look through the Slider Revolution document that you referenced to see if there is anything useful in there.

I am having the same problem though with the text in the header banner of the website. See attached screenshots – I outlined the problem area in red for simple reference. Is there any way to limit or contain the size of this text? I used the Theme Settings > Shop > Header Banner options within the Woodmart theme to create the banner, so this is specific to this theme. But, again it does not limit the text size. The issue is also caused by users increasing the dynamic type setting on mobile iOS.

I just tried using a responsive text block inn the header banner, but that does not restrict the scaling of text when the iOS mobile dynamic type option is used. See the attached before and after screenshots.

Image 1 is the responsive text block header banner on mobile when the dynamic type IS NOT set to large.

Image 2 is the responsive text block header banner on mobile when the dynamic type IS set to large. You’ll notice that in Image Two the text does not fit within the banner container and you cannot read the complete text.

Is there another way to limit the responsive scaling of text when a user enables large dynamic type on iOS?

Hi Elise,

So far none of these potential resolutions have worked.

The problem is that I am not increasing the font size between those screenshots. My font size setting is staying the same. All my website settings are staying the same.

The problem is the User/Viewer, who I have no control over, has changed a setting on their iOS mobile device called Dynamic Type and it increases font sizes on websites and apps automatically for them. It is a standard setting on every iOS device that is frequently utilized by people who may have less than perfect eye sight or want text to be larger.

I will reiterate that I am specifically looking for a way to restrict or limit the iOS dynamic type scaling of text in specific areas of the website and/or on specific devices. How can I do that using the Woodmart theme? I see other websites and themes do limit dynamic type scaling, so I know there is a way to do it.

Is there someone else who may have an idea?

Ah. Thank you for looking into this, Elise. So just to confirm: there is no way to limit the maximum size of a font when a viewer increases font size via Dynamic Font?