2016-02-28 74 views
-1

該項目位於:https://github.com/shadtek/utahrenfaire引導:NAV-切換不會向右移動導航欄和品牌不會向左移動

的直播網址是:http://www.utahrenfaire.org/

我是一個新手開發者並且大多數(如果不是全部的話)css代碼來自我在網上找到的主題,因爲我沒有空餘時間從頭開始完全編寫這樣的網站。

在iPhone 5和其他寬度上,nav-toggle包含品牌的最後一個字母。就像這樣:

The last letter is covered.

我試着在lightblue.css編輯syles但沒有我的工作。我嘗試將品牌移動到左側,並且我厭倦了將切換移到右側。這似乎像我的CSS樣式被忽略。

在lightblue.css中,這是我認爲我可以改變右邊:0px到右邊:-21px,但沒有。

Changing this doesn't do anything.

當我試圖在devtool爲Chrome這似乎是我固定它的變化,它也只是瞄準正確的元素來覆蓋SCSS文件的問題。但是,這並沒有做什麼,因爲我已經在上面的圖片中顯示。

enter image description here

請告訴我,我做錯了,所以我可以解決這個問題。我以爲我在Chrome開發工具中的所有不同的電話瀏覽器寬度上進行了盡職調查,但我想我再也不能相信該工具了。

+0

請勿張貼代碼截圖。 – cimmanon

回答

1

將padding-left:1.5em添加到:(可能首先添加一個ID,<a>,然後用在你的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> 
+0

我添加了一個nav-tog的id,然後把#nav-tog {padding-left:1.5em; },結果沒有變化。 –

+0

感謝您的幫助BamBam –

0

我想通了,我不看我的本地和我一樣的變化,我在看直播。