Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 3, 2015 at 7:22 am #467842
    cloudbadal

    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,

    July 3, 2015 at 8:25 am #467856
    Basilis

    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, 4 months ago by Basilis.
    July 4, 2015 at 10:46 am #468370
    cloudbadal

    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

    July 5, 2015 at 9:54 am #468504
    Rikard

    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

    July 6, 2015 at 6:32 pm #469184
    udfb

    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?

    July 7, 2015 at 4:57 pm #469811
    Andy

    Hey!

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

    Regards,
    Andy

    June 9, 2016 at 6:20 am #645235
    Briana

    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.

    June 10, 2016 at 7:23 am #646062
    Ismael

    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

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