SVG logo shrinks when adding a custom url link.

  • Hi,

    The SVG file I use for my logo gets shrank when I try to add a custom url link on it with elementor pro. I tried with Astra and Hello elementor: same results.
    I use the latest version of SVG support.

    Thanks a lot for your help

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

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

  • this has happened after the latest WordPress update – it drops in width=”1″ & height=”1″

    pop the following into your custom CSS page to override that setting

    .elementor-widget-theme-site-logo img {
    width: auto !important;
    height: auto !important;
}

    your svg will then expand to the width of containing element

    N.B. because your page is currently not loading an svg file I could not see where the intended location is supposed to be – you will have to replace .elementor-widget-theme-site-logo with the class name of the element that contains your svg file.

    Put your svg back as you intend – go to that location on the website / right-click (where the svg should be) / click Inspect

    look for class=” in the surrounding div tags and select a class name that uniquely identifies that area. When you replace the line “.elementor-widget-theme-site-logo” in the above code make sure you add a . to the beginning

    • This reply was modified 2 years, 8 months ago by NightL.

    Thanks, @nightl !!!
    It works great and I was going mad setting the ViewBox of the SGV… but it was as simple as you say!!

    Thread Starter alaintelo

    (@alaintelo)

    A big thanks NightL for taking the time to solve our issue ! Sorry I just saw your reply today. I hope it will help many other people who had the same problem.
    Wishing you the best ! Cheers

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘SVG logo shrinks when adding a custom url link.’ is closed to new replies.