Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #557390

    We create slider with text but their font size is not responsive. Could you check our site. Thanks.

    #557433

    Hey argelayazilim!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Cheers!
    Yigit

    #557648

    Thank you it partly works now.Could you check on mobile 3rd slider’s text still not responsive :(
    Also is there a way for responsive layer background ? Slider 2 layer not fit for text.

    #557760

    Hey!

    Please edit your slider and under Slider Settings adjust “Responsive under” and “Layers container” values

    Regards,
    Yigit

    #558096

    hello yigit, i tried some values but can not be successful. Could you login and check our 3 slides? Thank you.

    #558909

    Hi!

    It looks like you have the left value set to -72px. You’ll want to set it to a percentage value such as 10%, etc etc.

    Best regards,
    Elliott

    #559859

    I checked our 3 sliders and none of them left value set to -72px . Please check again, slider 2 not responsive and others not fit on mobile.

    #560291

    Hey!

    We modified the slider settings a bit and added a layers container value in the Slider Settings. If you want the text to be responsive, edit the text layers then go to the attribute panel. Add a unique css class or id. Use css media queries in the Quick CSS field to adjust the font size on smaller screens. Or hide the slider on mobile. Go to Slider Settings > Layout > Other Settings > Hide on mobile.

    Cheers!
    Ismael

    #560380

    I think layer slide has some bugs. because i want to add only text and picture slide. But responsive text and positioning not working as i think.

    We have to add custom css and advanced settings like changing locations.

    #560990

    Hi!

    We added this code in the Quick CSS field:

    @media only screen and (max-width: 768px) {
    .only_desktop { font-size: 15px !important; }}

    Again, it might be better if you hide the slider on mobile.

    Best regards,
    Ismael

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