Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #393663

    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?

    #393905

    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

    #394103
    This reply has been marked as private.
    #394374

    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

    #394382

    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 !

    #394398

    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

    #394991

    Thanks Yigit. That helps a lot, much appreciated.

    Regards
    Colin

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