Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #788355

    So this is something I have seen a few times on here and have tried to follow previous advice but it’s not working, so I must be missing something.

    I need to make the text in the layerslider larger on mobile. I have layersliders on a few of the site’s of pages, all following a similar layout. I thought I would create a custom ID for the header, one for the main text, and then create a CSS rule that enlargens those two IDs. I started with one and it’s going nowhere. is my media syntax ok? I have never the media rules them before, and this site has a trickier build than usual. link to site below.

    Help!!!! and THANK YOU!


    Hey Lauren,

    Please go to LayerSlider WP edit your slider and go to Slider Settings and make sure that “responsive” is chosen in Layout and adjust canvas width as needed.

    If that does not help, you can try adjusting font size using following CSS code in Enfold theme options > General Styling > Quick CSS

    @media only screen and (max-width: 480px) {
    h2.ls-layer {
        font-size: 20px!important;

    Best regards,


    I chose a canvas width of 800 because I thought that would be less disruptive when looking on a mobile. Is there any way to design a slider just for mobile?

    That CSS worked, although now I guess I have the challenge of finding the correct size and spacing between sentences because it’s all garbled when you look at it, im using an iphone 6s plus. in landscape orientation it looks fab, but holding the phone upright is a mess.



    Yes, it is possible to make a slider only to mobile, but to do so you would need to hire someone who will be able to create the appropriate CSS method, to make it work properly.

    Let us know if there is anything else we can do for you.

    Best regards,

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