Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 1, 2016 at 10:52 am #680608
    brafoni

    Hi,
    for a short time I’m working with Enfold and on my homepage I use the LayerSlider WP.
    I have a problem to get the fonts in the LayerSlider WP responsive to Mobiles so one is really able to read the text on the mobile.
    In the Moment I have 40 px on the smallest fonts in order to be able to read it on the mobile but this size looks really awful on the computer as it is too big.

    Using the the Slide Show (full width) the fonts is really good readable on the mobile but I would prefer to use the LayerSlider WP.

    How can I handle that?

    ML
    Doris

    • This topic was modified 7 years, 7 months ago by brafoni.
    September 1, 2016 at 10:54 am #680610
    brafoni

    PS: On the Slider Settings I have turned on “responsive” button.

    ML
    Doris

    September 1, 2016 at 11:31 am #680638
    brafoni

    I also recognized that the image on the mobile showes not the full width than on the computer which I also want to get handled.

    ML
    Doris

    • This reply was modified 7 years, 7 months ago by brafoni.
    September 2, 2016 at 8:05 am #681169
    Rikard

    Hi Doris,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    September 2, 2016 at 11:01 am #681219
    brafoni

    Thanks for your fast reply. See privtae content.

    ML Doris

    September 6, 2016 at 2:12 pm #682638
    Andy

    Hi,

    I can’t find your LayerSlider, can you provide us a precise link please? we need to be able to inspect the elements in question.

    Best regards,
    Andy

    September 6, 2016 at 2:47 pm #682663
    brafoni

    Hi,
    it´s here: http://adlerundfels.com/wp-admin/post.php?post=1070&action=edit.
    The name of the side is “A&F Home”, permalink, see private content.

    Best regards,
    Doris

    September 7, 2016 at 1:10 pm #683111
    Andy

    Hi,

    I checked your layerslider on mobile, but it looks fine to me:

    View post on imgur.com

    Could you fix it? or what exactly do you want to change? A mockup would help a lot.

    Best regards,
    Andy

    September 11, 2016 at 9:36 pm #684813
    brafoni

    Hi,
    no, we couldn’t fix it yet.
    If you take the picture with the computer finger, on the mobile you don’t see the whole finger with the touch on the screen.

    The other point is the fonts size. On the slider with the computer finger I used fonts size 40 px so it is good to read on the mobile.
    But I don’t like this size on the computer it’s too big.

    If you look at the slider with the text “Ziele erreichen”. This is 30 px and would be the correct size for the computer but if you look this slider on the mobile the size is too small.

    Best regards,
    Doris

    • This reply was modified 7 years, 7 months ago by brafoni.
    September 12, 2016 at 12:11 pm #685016
    Andy

    Hi,

    you need to use media queries. So use something like: 

    @media only screen and (min-width: 1025px) {
h1.ls-l {
font-size: 20px !important;
}}

    and adjust as needed.

    For more info about media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

    September 17, 2016 at 10:53 pm #688019
    brafoni

    Hi,
    thanks a lot.
    We will try it the next days.
    Best regards,
    Doris

    September 19, 2016 at 8:49 am #688358
    Rikard

    Hi Doris,

    Thanks for the feedback and I hope you get it working. We’ll keep the thread open for you if you should need any further help from us.

    Regards,
    Rikard

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