네모 스페이스의 네비게이션 바 패딩

Question

나는 네모 스페이스가있는 웹 사이트를 구축하고 있지만, 같은 라인의 로고/메인 타이틀과 너무 먼 상단 네비게이션 바를 사용하는 데 문제가 있습니다.

것은 그래서 아이디어는 메뉴 바 및 로고 사이의 격차를 squarespace

나는 CSS를 여기에 사용되는 것으로 나타났습니다 (의 왼쪽 상단과 오른쪽 상단에서 30 % 패딩을 가정 해 봅시다)하지만 난 아니에요 어떤 "이드"를 사용할 지 확실히 알고 있습니다.

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

나는 약간 혼란스러워서 어떤 도움을 주셔서 감사합니다! 당신이 원하는 것을 할 것입니다 CSS Editor에 다음 CSS를 추가

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

Answer 1

: https://handa-cheng-a3wm.squarespace.com/1starrondissement

그리고 코드 : 여기

웹 사이트 링크

코드를 볼 수 있습니다.

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

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

물론 원하는대로 5%을 조정할 수 있습니다.

자세한 내용은 flex + margin here.