-
Posts
-
Hi,
I’m having trouble getting the LayerSlider on my home page to be fully response. The text in the layered slides isn’t changing in size when the screen size gets smaller.
The site is located at http://rx-it.com
Please help.
Thanks,
GabeHi connect4consulting!
Please try adjusting “responsive under” and “layers container” values in LayerSlider WP > Slider Settings > Layout and check if that helps – http://i.imgur.com/E2YOJ5x.png
Cheers!
YigitHey!
All of each slideshows responsive-ness is handled by that individual slideshow and how you set up the items in the slide.
The text however will not change in size because it is currently set at 60px !important so its being forced to 60px no matter what.
Cheers!
DevinHi!
Please edit the text layers then go to the Attributes panel. Apply a custom css class on the Classes field. Use “mod-text” for example. On Quick CSS you can use media queries to alter the font style on smaller screens:
@media only screen and (max-width: 767px) { .mod-text { font-size: 13px !important; } }Best regards,
IsmaelHy!
I am using Enfold for http://moldova.adventist.ro/ and I have a problem also with responsive layerslide. In desktop version the slideshow is working fine, but below 800px resolution, the slideshow is displaying a shrinked image – not all the surface of the slideshow. This makes not all the buttons to be visible.
If you can check and see what is causing this, many thanks.
Iostar DeSignHey!
Have you tried the solution i posted here – https://kriesi.at/support/topic/layerslider-is-not-responsive/#post-324550
Regards,
Yigit@Yigit
Thanks for taking time to respond.
I already applied this solution, but this does not work.
Regards,
IostarHey!
The website doesn’t load. Not sure why. I’ll ask the rest of the support team to take a look.
Best regards,
IsmaelHey!
I think there is an issue with the LayerSlider. Could you please provide us ftp access? post it here as a private reply. We’ll fix it for you.
Regards,
AndyWhat? I tested now and the password and username are working to login to wp-admin. What is not correct?
Hey!
Have you managed to find the bug?
I dont understand what is wrong with this slider.
Thanks for your time!Iostar
Hi!
I’m really sorry but the site isn’t loading on my end. Did you add any ip or regional blocks? All support team members have been notified about this issue. Please wait for one of them to respond.
Best regards,
IsmaelHey!
Can you please try adding following code to Quick CSS in Enfold theme options under General Styling tab
img.ls-bg.ls-preloaded { width: 100%!important; margin: 0!important; height: 100%!important; }Best regards,
Yigit@Yigit
Thanks for your fix. The problem is that the slideshow now has an image behind the displayed image which is tinier than the dimensions requested by the slide, and, after this, the image is pushed to the requested dimensions. This is happening only below 768px. I searched in the code to see what is the code for this tinier image, and I cant find it. You can look too.
@Ismael
Thanks for your willing to help. Looking at your location (Philippines), I realized that I read a post on the server page saying that due to multiple attacks on the server, some countries had been blocked, among them are Philippines also. Sorry about that. I am not responsible for this. I cant do anything about this.
This is the post: https://translate.google.com/translate?sl=ro&tl=en&js=y&prev=_t&hl=ro&ie=UTF-8&u=http%3A%2F%2Fwww.adventisthosting.ro%2Fknowledgebase%2F1%2FExista-tari-care-nu-pot-accesa-site-urile-gazduite-pe-serverele-Bisericii-Adventiste.html&edit-text=&act=urlHi!
Assuming that the image is a white rounded and bordered rectangle, please add the following code to Quick CSS or custom.css:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ p.ls-preloaded{ border: none !important; } }Regards,
Arvish@Arvish
Thank you for your tip, but this also does not change anything.
What I explained to Yigit is happening too.
I checked on other browsers, and the same is happening.
I dont know what to do more.Regards
IostarHey!
I removed all the fixes, I think the only issue you were encountering is actually that the image you used as a background image was not large enough. I replaced your current image with the larger version. I also changed the value for the “responsive under” setting in the slider options to 1140px and it now seems to work fine for me on all screen sizes.
Can you confirm that this is the way its supposed to be?
Cheers!
KriesiPS: i am talking about the large image version of the first slide of the frontpage: http://moldova.adventist.ro/ – i havent changed the other images so you apparently would need to replace those with larger images as well
- The topic ‘LayerSlider is not responsive’ is closed to new replies.