Help With SVG Logo Resizing

  • Resolved prius92

    (@prius92)


    5 years, 1 month ago

    Hi there,

    First, thank you so much for creating this plug-in! My .png logo was blurry, so switching to a SVG logo with SVG Support seems to be the answer.

    However, now I’m having issues with the logo — it is simply too large! Can you please help me size it down?

    I also apologize by asking such a novice question. I just started my website without prior experience last month, and I still have a lot to learn.

    Thanks in advance!

    -Prius

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hi!

    Thanks for using my plugin ?? Glad you like!

    That’s an easy one, you just need to set your logo size using CSS. Add this to your child theme or custom CSS field in your theme.

    img.custom-logo {
    width: 20vw;
}

    Note, the 20vw stands for viewport width, so will adjust the size depending on the screen viewing the site. 20vw will equal 20% of the viewport width. You can use px for a pixel width such as 250px or % for a percentage width as well (which is very similar to the vw option).

    You can adjust the number to suit your needs.

    I hope this helps!

    Thread Starter prius92

    (@prius92)

    It looks perfect now — your help is much appreciated!

    Plugin Author Benbodhi

    (@benbodhi)

    Excellent, my pleasure ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help With SVG Logo Resizing’ is closed to new replies.