I have placed some large circles as svg files in my layer slider to keep the file size down. However when the site is responsive. These graphic elements dont scale. Does anyone know I can make them scale the same as all the other elements when the slider is responsive?
Hey waveseven!
Sounds like it might be a limitation of the LayerSlider script. You might need to contact LayerSlider support regarding this. Can you send us a link to your page? You can set your reply as private if you wish.
Cheers!
Elliott
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
svg#Layer_1 {
max-width: 100%;
}
Best regards,
Yigit
Hi Yigit
That sort of worked. It constained the circles within the layer area and they did start to scale when responsive but they got smaller and dissapearred off the bottom of the slide. It gives me hope though !
Hi!
Please add following code to Quick CSS as well and adjust it
@media only screen and (max-width: 480px) {
svg#Layer_1 { margin-top: -30%; }}
@media only screen and (max-width: 769px) {
svg#Layer_1 { margin-top: -20%; }}
@media only screen and (max-width: 990px) {
svg#Layer_1 { margin-top: -10%; }}
Cheers!
Yigit
Thanks Yigit. That helps a lot, much appreciated.
Regards
Colin