该项目位于:https://github.com/shadtek/utahrenfaire
直播网站位于:http://www.utahrenfaire.org/
我是新手开发人员,大多数(如果不是全部)css代码来自我在网上找到的主题,因为我没有空余时间从头开始完全编写这样的网站。
在iPhone 5和其他宽度上,导航切换覆盖了品牌的最后一个字母。像这样:
我尝试在lightblue.css中编辑syles但我没做过任何工作。我尝试将品牌向左移动,我厌倦了向右移动切换。似乎我的css样式被忽略了。
在lightblue.css中,我认为我可以改变右边:0px到右边:-21px但是没有。
当我尝试使用针对Chrome的devtool进行更改时,我似乎修复了它,只需要针对正确的元素来覆盖scss文件。但这并没有像我在上面的图片中所显示的那样做。
请告诉我我做错了什么,所以我可以解决这个问题。我认为我在Chrome devtools的所有不同手机浏览器宽度中都做了尽职调查,但我想我不能再相信这个工具了
答案 0 :(得分:1)
添加padding-left:1.5em to :(可能先向<a>
添加一个id,然后在你的css中使用它)
<a href="#" class="js--nav-toggle -nav-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" style="
/* display: inline-block; */
margin-left: 5em;
padding-left: 2em;
"><i></i></a>
答案 1 :(得分:0)
我想通了,我没有看到我的本地主机,因为我做了改变,我正在看现场。