Css 如何将SharePoint 2013徽标置于菜单上方？

是否有办法将徽标从其默认位置移到菜单左侧到菜单上方？我找不到任何关于如何做到这一点的资源

我试着下载现有的母版页，并对其进行更改和签入，等等，做了一些调整，但没有任何影响，以至于我不得不验证它是否确实处于活动状态

其中一个变化包括：

<div id="siteIcon" class="ms-tableCell ms-verticalAlignTop">
<SharePoint:AjaxDelta id="DeltaSiteLogo" BlockElement="true" runat="server">
    <SharePoint:SPSimpleSiteLink CssClass="ms-siteicon-a" runat="server"   id="onetidProjectPropertyTitleGraphic" >
        <SharePoint:SiteLogoImage CssClass="ms-siteicon-img" name="onetidHeadbnnr0" id="onetidHeadbnnr2" LogoImageUrl="/_layouts/15/images/siteIcon.png?rev=23" runat="server"/>
    </SharePoint:SPSimpleSiteLink>
</SharePoint:AjaxDelta>
</div>

---

从第354行到各个位置，如第216、217、218或219行上方，或在带状截面上方326之后。没有变化。无可否认，我在猜测。

您可以通过CSS来实现这一点。甚至不需要编辑母版页

#s4-bodyContainer #titleAreaBox.ms-table, #s4-bodyContainer #titleAreaBox > #titleAreaRow {display:block;}
#s4-bodyContainer #titleAreaBox > #titleAreaRow > #siteIcon {float:none;display:block;margin:0 auto}

---

要获得所需的任何附加格式，当然需要附加样式：但这将使站点图标居中。

完整答案在这里，基于Maarten的。这包括隐藏左侧导航。我不得不将siteicon a容器提升到100px的高度，以便在徽标和下面的菜单之间添加一些空间

<style type="text/css">

#sideNavBox { display: none; }
#contentBox { margin-left: 20px; }
#topNav {  margin-top: 50px; }

#siteIcon { height: 100px; }

.ms-siteicon-img {
max-height: 200px;
max-width: 500px; }

#s4-bodyContainer #titleAreaBox.ms-table, #s4-bodyContainer #titleAreaBox > 
#titleAreaRow {display:block;}

#s4-bodyContainer #titleAreaBox > #titleAreaRow > #siteIcon 
{float:left;display:block;margin:0 auto;}

</style>

---

你好，马腾。这很好，但我真的希望它在左边。此外，它仍然很小，我需要使标志相当大一点。我一直在尝试调整你的代码来修复这两个问题，但还没有解决。还有其他建议吗？如果你想让它更大，只需将siteIcon的高度/宽度设置为你想要的大小。谢谢，但这似乎不对。如果设置height属性，siteIcon会使其周围的容器变大。通过Chrome的开发工具深入研究，我发现：但如果我以img id为目标，这没有任何效果。有什么想法吗？我不能影响标志的大小，也不能使其向左，因为它居中。谢谢，我用这个把它放大了：.ms siteicon img{max height:200px；max width:500px；}现在我只需要把它放在左边而不是中间。当然，我把你的siteicon{float:none}改成float:left就可以了。在我的修修补补中丢失了那个细节。