css - 移动网站 Logo 对齐

Question

我希望在移动设备上查看我的 Jobspark Logo 。目前它向下滚动页面，我想禁用它并将它放在页面顶部和“菜单”的右侧。这样我就可以删除 + 符号，它会很合适。下面是我试图用来完成此操作的一些代码。 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;
}
}

感谢您的帮助。

******************更新***********************- 在移动时， Logo 隐藏在顶部导航后面- 希望导航颜色在移动时为黑色- 然后菜单文本需要是白色的

这是我想要完成的模型

Answer 1

在 site.css 中试试这个

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

将 max-width 更改为 38% for .primary-nav .nav in site.css

max-width: 38%;

希望这能解决您的问题。