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

    Hi,
    I’ve created some text layers on the layerslider slideshow. They don’t seem to adjust the size on mobile devices. Any way to solve this? The link is: http://bit.ly/1ITUemQ
    Appreciate the help.

    Thanks,

    #467856

    Hey cloudbadal!

    I just check and it seems to be an issue with the custom options on text of the slider
    http://responsivetest.net/#u=http://www.gami.ae/|640|1136|2

    You will have to work that out, for a solution on how to be fixed, as they are not enfold styles.
    What style have you added there?

    Cheers!
    Basilis

    • This reply was modified 9 years, 5 months ago by Basilis.
    #468370

    Hi Basilis,

    Thank you for your reply.

    Ive used some basic CSS with the heading tags. For eg:

    <h2 style=”background-color: black; padding:5px; color:white;”>The premier air-conditioning <br/>
    and cooling equipment <br/>manufacturer in the region</h2>

    OR

    <h2 style=”background-color: black; padding:5px; color:white;”>World-class products <br/> through constant innovation<br/></h2>

    Do you think <h2> is the problem?

    Thanks,
    Cloudbadal

    #468504

    Hey!

    It looks like you have used fixed pixel values to position the headers there, you will most likely have to style them for tablet and phone size screens as well. You can use the following CSS queries:

    @media only screen and (min-width: 768px) and (max-width: 990px) {} {
    /* your tablet code here */
    }
    
    @media only screen and (max-width: 767px) {
    /* your smartphone code here */
    }

    Regards,
    Rikard

    #469184

    Even on the Enfold demo theme the font size in the LayerSlider text layers gets illegible on smartphones. For example, the third slide “Tons of Elements” and the other text is illegible when the browser window gets too small.

    Is there a way to fix this?

    #469811

    Hey!

    in our experience it is best to use images instead of text for layer slider to get best results for responsiveness.

    Regards,
    Andy

    #645235

    I have a similar problem – my text is all wonky on tablet. I do have the layers set to text as it is better for Search Engine Optimisation (I have keywords in my sliders). Is there no way to resolve this? I do not have any custom styling on my layerslider only html layer content.

    #646062

    Hi,


    @Bcunningham
    : What do you mean by “wonky”? Try to use “em” instead of “px” as the font size unit (http://www.w3schools.com/cssref/css_units.asp
    ). Or edit the layer, go to the Attributes panel then apply a unique class or id attribute to it. Use css media queries to adjust the font size on smaller screens.(http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.