Make SVG Repsonsive

  • Resolved superbikerider69

    (@superbikerider69)


    8 years, 2 months ago

    Hi, the above website is a made with the Muffin Builder.

    I have your plugin activated and i’ve managed to get the SVG working as it should (its the last image at the bottom of that website on the homepage.

    The problem i have is it works on desktop and mobile but it doesn’t resize on mobile devices so it looks wrong on phones etc.

    Is there some custom CSS i need to add to make the size responsive?

    Any help would be great.

    Thank you,

    Jason

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Greg Marshall

    (@timeassistant)

    8 years, 2 months ago

    Hi there,

    couldn’t see any SVG images on that page so off the top of my head…

    SVG’s can be manipulated easily with CSS. You could always write up a media query to force the responsiveness or try setting your dimensions using either, %, vmin, vw or vh.

    Personally I’d probably just set up media queries. Chances are your theme already has them built in so you could even add to the existing media queries and just set something for your svg class inside them. IF not a quick google will give you some of the commonly used queries for devices

    Plugin Author Benbodhi

    (@benbodhi)

    8 years, 1 month ago

    Hi @superbikerider69,

    Thanks @timeassistant for chiming in. This advice is perfect for this situation.
    I’ll mark this topic as resolved for now, but please do let me know if you have issues still.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Make SVG Repsonsive’ is closed to new replies.