I have used SVG Support plugin to upload an SVG image that I wanted to use for the site logo. After selecting it for the logo I skipped cropping. Unlike the SVG logo thread it kind of worked. The logo shows up.
Problem is that it shows very small. Looking at the image entry in the Media Library I see the size is 100x100 and no option to change it. And anyway, it is not a square - on the site it doesn’t show as a square - it shows with the proper shape, only very small.
How to make it “full width” so that it scales to what the page width is?
Your proposal uses fixed width of 50px. However, I would like to use “page width” instead. I don’t know how many pixels that is and I expect it may vary. It is not 100% (I presume) since I don’t want a “full window”. I want the width of the page as it shows and as happens with the PNG version.
So, the ratio is the same (well, almost the same - I guess you cannot get better with integers). That is not surprising since upon cropping I have selected the entire image (see also How to skip cropping logo and icon images? for a related topic).
Why the cropped logo has width 665? I presume this is what the theme considers “full width”. Indeed, inspecting the page (https://lumen-vitae.online/) in the browser shows that the logo is shown at that exact width of 665px. I wonder why it is 665 when the page is actually wider. The slider image is 1069px wide… But never mind, I assume this is the way it was intended to be - very well.
So, I guess I could use the same for max-width of the SVG image, right? Is my reasoning valid here?
Can this 665px be expressed somehow by a named constant or something? To avoid “magic value” that would be a maintenance issue - if the theme with an update would change this size for some reason I would need to update the manual entered 665px.