I am using the bundled LayerSlider plugin and am running into an issue with the background behind text layers. It looks fine on desktop, but when I resize the window, the background behind the text doesn’t respond along with the text:
These are my current settings:
I know you didn’t develop the LayerSlider plugin, but since it came bundled with the Enfold theme, I don’t have a license code and can’t ask LayerSlider directly. Let me know if you can help, thanks!
Thanks for contacting us!
I believe the issue is related to height of title. Could you please create temporary admin logins and post them here privately so we can check your slider settings? :)
But if I load the page from the mobile ( and not resize ) everything is working as should, right?
Thank you for the info.
The headlines don’t respond properly because you specify a Styles > Text | Font & Style > Min. font size on mobile and default view. We removed the minimum font size value of the headline in the first slide.
Thank you! That does look a lot better. If I do want to set a minimum font size, do you know if there is any way for the background to scale with the text or will it always react that way if I have a minimum font size set?
Thank you for the update.
The reason the min font size doesn’t work as expected is that the property is applied directly to the paragraph/heading tag while the background color is applied to its parent container. What we can do is apply a class attribute to the layer and use it to adjust the font size of the text on mobile view. You can add the css media query in the Quick CSS field or the style.css file.
You must be logged in to reply to this topic.