移动网站徽标对齐

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更改为.primary-nav .nav至38％

max-width: 38%;

希望这能解决你的问题。