移动网站徽标对齐

时间:2013-05-09 04:51:42

标签: css mobile graphical-logo

我希望在移动设备上查看我的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;
}
}

感谢您的帮助。

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

这是我想要完成的事情的模拟 enter image description here

1 个答案:

答案 0 :(得分:0)

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%;

希望这能解决你的问题。