if you look at the node browser hierarchy that you posted, you can see that there is nothing under the logo for the desktop. There should be an SVG component shown under there.
Can you try dragging an SVG component onto the logo to see if that places it in there? If it does, then click on the SVG component and add your SVG file.
Below is what the hierarchy should look like if you successfully added an SVG to the desktop and mobile Logos.
I did this again and I get a white rectangle instead of the graphic and I still have this code above the page. I can live without the SVG but the code is annoying. I may have to just redo the page.
Apparently when I tried initially to add the sag it messed with my footer. When I delete the footer then all is fine. I will rebuild the footer and try again.
Redoing the footer solved the page display problem. I’ll work on the SVG issue at a later date. I appreciate everyones assistance.
Just a note on this, as it might have been the issue: SVG files are actually code, so if the SVG markup is malformed or invalid, it can sometimes cause layout or rendering issues on the page. Just something to be aware of.
Good to know. I will mess with it a different day. I thought it was just a graphic format.
