Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 4, 2014 at 4:19 pm #274542
    MyraD

    Hi,

    I have a layerslider with a text layer, position 270px from left, so the text is in the middle of screen (15,6″).

    But with a smaller screen, the text (of course) isn’t in the middle anymore.

    How can I solve this? The “text-item” must be centered all times.

    Thanks!
    Myra

    June 4, 2014 at 7:30 pm #274686
    Josue

    Hey Myra!

    Try using a percentage value instead of px.

    Best regards,
    Josue

    June 4, 2014 at 7:40 pm #274695
    MyraD

    Hi Josue,

    Thanks, that’s working!
    Another question, when looking in the demo, the text also shrinks with a smaller screen. My text stays big… any ideas?

    Best regards, Myra

    June 4, 2014 at 7:43 pm #274696
    Josue

    Can you post the link to your website please?

    Regards,
    Josue

    June 4, 2014 at 7:48 pm #274701
    MyraD

    http://www.bureauboeren.nl/
    I disabled the maintainance mode.. hope my client doens’t notice :-)

    June 4, 2014 at 7:58 pm #274706
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
     h1.ls-l {
         width: 100% !important;
         left: 0 !important;
         right: 0 !important;
     }
}

    Cheers! 
    Josue

    June 4, 2014 at 8:10 pm #274713
    MyraD

    Thanks for your quick help, though itlooks like nothing changed.
    Cheers!

    June 4, 2014 at 8:23 pm #274718
    Josue

    I’m not seeing the code being applied here (Quick CSS):
    http://www.bureauboeren.nl/wp-content/uploads/dynamic_avia/bureau_boeren.css

    Best regards,
    Josue

    June 4, 2014 at 8:26 pm #274721
    MyraD

    I use a child theme and put the code in the style sheet.. not ok?

    June 4, 2014 at 8:42 pm #274726
    MyraD

    I now have pasted the code in the quick css file (at the bottom), uploaded via ftp

    June 4, 2014 at 8:44 pm #274727
    Josue

    Now is working, here’s how the text looks on smaller screens:

    Regards,
    Josue

    June 5, 2014 at 8:55 am #274998
    MyraD

    Hi Joshua,

    still, I’m not happy with the result. Because the slider (thus the layer) are not really responsive like in this example.
    This website I also made with Enfold, the slider and text become smaller, and I’m wondering why now it’s different?
    http://www.car-consultancy.com

    • This reply was modified 10 years, 5 months ago by MyraD.
    June 5, 2014 at 5:26 pm #275230
    Devin

    Hi!

    Looking at the site you are working on now it appears exactly the same. LayerSlider is its own entity and what I mean by that is that it has its own rules on how it responds based on all the settings the user applies to the LayerSlider slideshow settings. So adding in text, adding css to support any custom classes etc is all based on user input where the other elements inside of the theme are all setup and based on the theme wide settings which require much less user input or specific settings.

    Cheers!
    Devin

    June 5, 2014 at 5:42 pm #275238
    Josue

    Hi,

    I note the same behavior between both sites, i’d say the difference is that the captions are in two lines in the other site:

    Cheers!
    Josue

    June 6, 2014 at 8:34 am #275485
    MyraD

    Hi Devin and Josue,
    I solved the problem by help with the comments section on Themeforest.
    Thanks for your replys!

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Text on layer not responsive’ is closed to new replies.