मोबाइल मेनू को प्रभावित किए बिना वर्डप्रेस वेबसाइट के मेनू का केंद्र कैसे करें - एचटीएमएल, सीएसएस, वर्डप्रेस, मेनू

मैंने अपनी वर्डप्रेस वेबसाइट के शीर्ष मेनू को केंद्रित किया हैwww.theestablishmenthairdresing.com यह सुनिश्चित करने के लिए कि जब शीर्ष ब्राउज़र का उपयोग निम्न ब्राउज़र का उपयोग कर ब्राउज़र विंडो आकार कम हो जाता है तो बाईं ओर लोगो के साथ ओवरलैप नहीं होता है:

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

हालांकि, अब जब मैं वेबसाइट के लिए मोबाइल मेनू की जांच करता हूं तो "संस्करण" के लिए सब-मेन्यू ड्रॉप डाउन विकल्प मोबाइल संस्करण पर दिखाई नहीं देता है, तो कृपया स्क्रीनशॉट देखें:

कोड जोड़ने से पहले: https://imgur.com/a/zfZ43

कोड जोड़ने के बाद: https://imgur.com/a/0ploD

क्या किसी के पास एक समाधान है?

उत्तर:

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