Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 10, 2015 at 1:31 pm #393663
    waveseven

    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?

    February 10, 2015 at 7:29 pm #393905
    Elliott

    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

    February 11, 2015 at 1:07 am #394103
    waveseven
    This reply has been marked as private.
    February 11, 2015 at 3:19 pm #394374
    Yigit

    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

    February 11, 2015 at 3:30 pm #394382
    waveseven

    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 !

    February 11, 2015 at 3:59 pm #394398
    Yigit

    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

    February 12, 2015 at 2:10 pm #394991
    waveseven

    Thanks Yigit. That helps a lot, much appreciated.

    Regards
    Colin

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘svg files not scaling when resposive’ is closed to new replies.