Wordpress Entegre Ederken CSS bozuluyor | Yardım Edebilirmisiniz ?

Merhaba Arkadaşlar,
Boostrap bir tema kodladım. Bu temayı wordpresse entegre ediyorum ama ul etiketleri içine menü php kodunu yazınca headerin css bozuluyor bi türlü çözemedim yardımcı olabilecek varmı?, daha önce farklı bir temayla yaptığımda böyle sorunla karşılaşmamıştım.

Wordpress Entegre menü php kodunu yazmadan önce
Yazdıkdan Sonra ;

İlgili kodları buradan paylaşırsanız daha kolay yardımcı olabiliriz.

yanlış css kodlanmış. wp menü php çağırınca ul li şeklinde çağırır. css dosyanızı .menu ul li {} şeklinde kodlamalısınız.

Acemiyim bu konualrda ama hertürlü denedim menu vs. ama yine aynı kalıyor php kodunu kaldırınca düzeliyor ama ./

 <nav class="navbar navbar-expand-lg sticky-top ">
      <div class="container">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menuac">
      <span class="navbar-toggler-icon"></span></button>
      <!-- Logo Başlangıc -->
      <a  href="<?php bloginfo('url'); ?>" class="navbar-brand"><img  src="<?php bloginfo('template_url'); ?>/img/logovip.png"></a>
      <!--Logo Bitiş -->
      <div class="collapse navbar-collapse" id="menuac">
      
        <ul class="navbar-nav">
          <?php wp_nav_menu( array( 'theme_location' => 'menu' ) ); ?>

        </ul>
        <!-- Arama Kutusu Menüde ki -->
      
        <div class="header-right-search">
          <div class="error-search">
          <form action="localhost" method="get">
          <input class="error-search-input" type="search" required name="s" autocomplete="of" >
          <button class="error-search-button" type="sumbit">
            <i style="margin-left: -40px;" class="fa fa-search" aria-hidden="true"></i>
          </button>
          </form>
          </div>
        </div>
    
        <!-- Arama Kutusu Bitiş -->
        <!-- Sosyal Medya İconları -->
        <div class="socialmedia">
          <a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>
          <a href="#"><i class="fa fa-youtube-play fa-2x"></i></a>
          <a href="#"><a href="#"><i class="fa fa-twitter fa-2x"></i></a>
          <a href="#"><i class="fa fa-instagram fa-2x"></i></a>
        </div>
      
        <!-- Sosyal Medya Bitiş -->

      </div>  
      </div>
    </nav>

.navbar {

  background-image: linear-gradient(to right, #00bac1 , yellow);

margin-top: -40px;
margin-bottom: 60px;


}

.navbar ul {

color: white;
margin-top: 15px;


}

.navbar ul li {

color: white;
margin-top: 15px;
}


.navbar ul li a {

color: white;
font-size: 18px;
font-weight: ;
font-family: open sans;

}

nav ul li a:hover,
nav ul li a:focus {
background: rgba(0, 0, 0, .15);
}

Bir de sorunlu olan kaynak kodlarını ekleyebilir misiniz?

<?php wp_nav_menu( array( 'theme_location' => 'menu' ) ); ?>

Sorun bu kodun ikinci bir ul etiketi yazdırmasından olabilir mi acaba?

Hocam sorun bu kodu yazınca oluşuyor direk bunu kaldırınca düzeliyor . direk ul etiketleri kaldırıp bu kodu yazıyorum ama yine aynı oluyor.

menü için container class'ını seçmemişsiniz. Wordpress container class diye arama yaparsanız işinize yarayacaktır.

https://codex.wordpress.org/Class_Reference/Walker ile elinizde bulunan html döküme uygun bir menü kodlayın veya css düzenlemesini wordpress'e uygun şekilde yapın.

<ul class="navbar-nav">
         <?php wp_nav_menu( array( 'theme_location' => 'menu' ) ); ?>
 
       </ul>

bu kodla menuyü çektiğinizde size şöyle bir sonuç verir

<ul>
<ul>
<li>
<a>
anasayfa, hakkımızda
</a>
</li>

</ul>
</ul>

şu şekilde olmalı
<div class="navbar-nav">
<?php wp_nav_menu( array( 'theme_location' => 'menu' ) ); ?>

</div>
[/CODE]

sonra ul li a şeklinde css kodlarınızı kodlamalısınız.