Home Forums WoodMart support forum SVG icon not visible in header Reply To: SVG icon not visible in header

#515799

Luke Nielsen
Keymaster

Hello,

The “Logo” element from the Header builder works a little bit differently, due to the undefined width and height attributes, the “Add width and height attributes” option adds those attributes based on the “viewBox” attribute in your SVG: https://take.ms/y7UMh , thus the SVG has the 207 width in the header that is come from the SVG itself: https://take.ms/vafjT

So either you need to define those attributes or use the below code to make the SVG wider.

body .wd-main-logo img {
	width: 100%;
}

Also, the “Add width and height attributes” option was provided to avoid the “explicit width and height on image elements” issue from Insights: https://take.ms/sdQ7o

Kind Regards