title: want to make custom dropdown in first level in wordpress with menu code, but am not getting where to start?
body: <p><a href="https://i.stack.imgur.com/uX9Ps.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uX9Ps.png" alt="this is my dropdown for wordpress"></a>here is code what I want to achieve by WordPress custom dropdown but I can't, can anyone tell me how can I do that, and other menu items should be normal and simple</p>
  
  <pre><code>[![&lt;ul class="navbar-nav"&gt;
      &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" href="index.html"&gt;Home&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="nav-item dropdown"&gt;
          &lt;a class="nav-link dropdown-toggle" href="products.html"&gt;Products &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
          &lt;ul class="dropdown-menu"&gt;
              &lt;li class="nav-item"&gt;
                  &lt;a class="dropdown-item" href="#"&gt;
                      &lt;div class="img"&gt;
                          &lt;img src="images/dropdown-img.jpg" alt=""&gt;
                      &lt;/div&gt;
                      &lt;span class="title"&gt;Cable &amp;amp;&lt;br&gt; Cable Accessories&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="nav-item"&gt;
          &lt;a class="nav-link dropdown" href="service.html"&gt;Service&lt;/a&gt;
            &lt;ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"&gt;
              &lt;li class="nav-item"&gt;
                  &lt;a class="dropdown-item" href="#"&gt;
                      DEMO
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="nav-item"&gt;
                  &lt;a class="dropdown-item" href="#"&gt;
                      DEMO
                  &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" href="brands.html"&gt;Contact&lt;/a&gt;
      &lt;/li&gt;
  
  &lt;/ul&gt;][1]][1]
  </code></pre>