Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1176457

    Hello,

    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:

    LayerSlider screen shot

    These are my current settings:

    LayerSlider 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!

    #1176758

    Hey,

    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? :)

    Best regards,
    Yigit

    #1176826
    This reply has been marked as private.
    #1177891

    Hi,

    But if I load the page from the mobile ( and not resize ) everything is working as should, right?

    Best regards,
    Basilis

    #1179133

    I am also having issues when pulling it up on a mobile phone. Here is a screenshot:
    screenshot

    #1179927

    Hi,

    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.

    Best regards,
    Ismael

    #1181066

    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?

    #1181609

    Hi,

    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.

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.