-
AuthorPosts
-
September 1, 2016 at 10:52 am #680608
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 #680610PS: On the Slider Settings I have turned on “responsive” button.
ML
DorisSeptember 1, 2016 at 11:31 am #680638I 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 #681169Hi 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,
RikardSeptember 2, 2016 at 11:01 am #681219Thanks for your fast reply. See privtae content.
ML Doris
September 6, 2016 at 2:12 pm #682638Hi,
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,
AndySeptember 6, 2016 at 2:47 pm #682663Hi,
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,
DorisSeptember 7, 2016 at 1:10 pm #683111Hi,
I checked your layerslider on mobile, but it looks fine to me:
Could you fix it? or what exactly do you want to change? A mockup would help a lot.
Best regards,
AndySeptember 11, 2016 at 9:36 pm #684813Hi,
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 #685016Hi,
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,
AndySeptember 17, 2016 at 10:53 pm #688019Hi,
thanks a lot.
We will try it the next days.
Best regards,
DorisSeptember 19, 2016 at 8:49 am #688358 -
AuthorPosts
- You must be logged in to reply to this topic.