모바일 메뉴에 영향을 미치지 않고 Wordpress 웹 사이트의 메뉴를 중앙에 놓는 방법

Question

저는 워드 스페이스 웹 사이트 www.theestablishmenthairdresing.com의 최상위 메뉴를 중심으로 브라우저 창의 왼쪽 상단에 로고가 겹치지 않도록했습니다 크기는 다음 코드를 사용하여 감소 : 나는 웹 사이트에 대한 모바일 메뉴를 확인 그러나

nav#site-navigation.main-navigation { 
margin-left: auto; 
margin-right: auto; 
width: 80em; 
} 

를 지금 하위 메뉴가 모바일 버전에 표시되지 않습니다 "정보", 스크린 샷을 참조하시기 바랍니다에 대한 옵션을 드롭 다운 :

코드를 추가하기 전에 :

코드 추가 후 : https://imgur.com/a/0ploD

해결책이있는 사람이 있습니까?

Answer 1

<button id="menu-toggle" class="menu-toggle"><?php _e('Menu', 'xyz'); ?></button> 

        <div id="site-header-menu" class="site-header-menu"> 
         <?php if (has_nav_menu('primary')) : ?> 
          <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e('Primary Menu', 'xyz'); ?>"> 
           <?php 
            wp_nav_menu(array(
             'theme_location' => 'primary', 
             'menu_class'  => 'primary-menu', 
            )); 
           ?> 
          </nav><!-- .main-navigation -->