Html 平方空间头注入码

我正在使用Squarespace作为我的投资组合。最近有人帮助我用SVG代码制作徽标动画。现在我有了这个代码，我没有办法用它替换标题中的徽标。正如您在我的网站上看到的：

我的标志在左边，而我的名字在标志的右边。我的名字是可点击的，但我的标志不是。我相信这是因为squarespace在标题中只允许一个徽标空间。当我在大学制作我的网站时，我的教授在标题中注入了自定义css，这样我的徽标就在我名字的左边

.sqs-gallery-container{
background-color: rgba(175, 175, 175, .0);
}


.title-nav-wrapper { background:url(http://static.squarespace.com/static/52f29e06e4b0efe4bb40a01b/t/5320cb16e4b093b02ba9004e/1394658070983/logo.png) no-repeat; 
background-position: left center;
  margin-left: 10px;

}



#yui_3_10_1_1_1394658544560_1616{
margin-right: 100px;
}

a#top{width: 200px;
}

.site-title {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 50px;

width: 35%;
}

我想用SVG徽标替换左侧的徽标：

但是我不知道如何注入它，因为如果我用SVG url替换当前自定义css代码中的url，那么什么也不会显示。我认为每件事都是相互反应的，所以这让事情变得棘手。要点是，当有人在我的徽标上悬停时，我想让它旋转180度，我已经有了代码，但棘手的是将它注入到我的网站中

---

非常感谢您的帮助。很抱歉，如果这个问题让人困惑

您使用的是哪个Squarespace模板和版本？看起来像字幕和版本6？是的，它是字幕和版本6。