在方格空間中的導航欄的填充

我正在構建一個帶有方格空間的網站，但是在頂部導航欄上出現了一些問題，該問題與同一行上的標誌/主標題相距太遠。在方格空間中的導航欄的填充

這樣的想法關閉導航欄和標識之間的差距（假設30％的間隔，從左上角和右上角） squarespace

我發現的CSS在這裏使用，但我不很確定使用哪個「ID」

.navbar-nav > li{ 
    padding-left:30%; 
    padding-right:30%; 
}

從檢查員我有點困惑，所以將不勝感激任何幫助！

這裏的網站鏈接看到代碼：https://handa-cheng-a3wm.squarespace.com/1starrondissement

，代碼：

<div class="Header-inner Header-inner--top" data-nc-group="top"> 
    <div data-nc-container="top-left"> 
    <nav class="Header-nav Header-nav--primary sqs-frontend-overlay-editor-widget-host" data-nc-element="primary-nav" data-content-field="navigation" id="yui_3_17_2_3_1466525273564_799"> 
     <div class="Header-nav-inner" id="yui_3_17_2_3_1466525273564_2568"> 
     <a href="/see-paris/" class="Header-nav-item">看巴黎</a><a href="/listen-paris/" class="Header-nav-item" id="yui_3_17_2_3_1466525273564_2567">聽巴黎</a> 
     </div> 
    </nav> 
    </div> 
    <div data-nc-container="top-center"> 
    <a href="/" class="Header-branding sqs-frontend-overlay-editor-widget-host" data-nc-element="branding" data-content-field="site-title">巴黎，Paris</a> 
    </div> 
    <div data-nc-container="top-right"> 
    <nav class="Header-nav Header-nav--secondary sqs-frontend-overlay-editor-widget-host" data-nc-element="secondary-nav" data-content-field="navigation" id="yui_3_17_2_3_1466525273564_811"> 
     <div class="Header-nav-inner"> 
     <a href="/about-us/" class="Header-nav-item">我們是誰？</a><a href="/contact-us/" class="Header-nav-item">聯繫我們</a> 
     </div> 
    </nav> 
    </div> 
</div>

來源

2016-06-21 handac

告訴我們代碼 – dippas

@dippas，嘿，我更新了我的文章！ – handac

添加以下CSS到CSS Editor會做你想要什麼。

.Header-nav--primary { 
    margin-left: auto; 
    margin-right: 5%; 
} 

.Header-nav--secondary { 
    margin-right: auto; 
    margin-left: 5%; 
}

您當然可以根據需要調整5%。

有關flex + margin here的更多信息。

來源

2016-06-21 20:09:22 Brandon

在方格空間中的導航欄的填充

回答

相關問題