I'm a little stuck since I'm not an experienced coder. I used this chunk of html to insert my logo as an .svg file to improve clarity:

<div class="logo">
<a href="https://www.eggandrice.com" class="svg">
<object width=250px; data="https://www.weebly.com/editor/uploads/1/1/8/4/118422269/custom_themes/194062833526517597/files/image..." type="image/svg+xml"></object>
</a>
</div> 

It looks perfect on the desktop browser - but on mobile it's all out of whack and displaying behind the site's content instead of in the header. 

Any advice on how I might be able to fix this? Site link here: www.eggandrice.com 

Thanks!