Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 13, 2015 at 1:53 pm #472419
    Mborie

    Hi,
    I’m building a slider on Enfold with the layerSlider plugin, but i can’t find any options or referenced good settings to make text blocks font-size as <p> or <h2> rescaling as the window resizes down (or on smaller devices). I’ve even noticed the same problem when i use the Enfold Demo slider on my front page.
    Can you tell me what the good procces is, to make this work and where to set theeses options ?
    Following are my actual layout options:
    Slider width: 100%
    Slider heigh :474
    Responsive: On
    max-width: none
    Full-width: On
    Responsive under: 2500
    Layers container: 2500
    As the site is still on a localhost, i actually can’t give any acces to it.
    Best Regards

    July 13, 2015 at 8:13 pm #472649
    Elliott

    Hi Mborie!

    You could give the elements a font size using vw units which scale depending on the screen width.

    font-size: 50vw;

    Or you could use some media queries to change the size on different screen sizes.

    @media screen and (max-width: 767px) and (min-width: 900px) { /* set it to 50px */ }
@media screen and (max-width: 400px) and (min-width: 767px) { /* set it to 25px */ }
@media screen and (max-width: 400px) { /* set it to 12px */ }

    Or you could add the text inside the image itself.

    Cheers!
    Elliott

    • This reply was modified 9 years, 4 months ago by Elliott.
    July 27, 2015 at 4:49 pm #479161
    Mborie

    Ok thanks,

    I just had reset the font size somewhere else ..

    Regards

    July 28, 2015 at 8:27 am #479498
    Rikard

    Hey!

    Ok, please let us know if you should need any more help on the topic.

    Regards,
    Rikard

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