css - 移动网站徽标对齐

Question

我希望在移动设备上查看时定位我的 Jobspark 徽标。目前它向下滚动页面，我想禁用它并将其放在页面顶部和“菜单”的右侧。这样我可以删除 + 符号，它会很合适。下面是我尝试用来完成此操作的一些代码。www.jobspark.ca

@media only screen and (max-width: 640px) {
#header #logo h1.site-title {
text-align: left !important;
float: right;
position: absolute;
top: 0;
right: 0;
}
}

谢谢您的帮助。

******************更新**************************** - 徽标隐藏在顶部导航后面，而在移动设备中 - 希望导航颜色为黑色，而在移动设备中 - 菜单文本则需要为白色

这是我想要完成的模型

Answer 1

在site.css中试试这个

#header #logo h1.site-title 
{
text-align: left !important;
top: 0;
right: 0;
}

在site.css中更改max-width为 38%.primary-nav .nav

max-width: 38%;

希望这能解决您的问题。