skip to Main Content

I’m using the Underscores theme for my wordpress site so everything is very plain and there’s no option to add a logo to the menu bar (at least not that I know of ).

Is there a way to edit the html of the menu bar by accessing a certain file on my site from the backend (cpanel or something)? I’ve read online it might require putting php code in my functions.php which doesn’t make sense to me because I thought the menu bar is created with basic html/css.

Here’s my current menu bar’s setup. I’d like to simply add another div before menu-main-container div so I can add a logo to it.

<nav id="site-navigation" class="main-navigation">
            <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Primary Menu</button>
            <div class="menu-main-container"><ul id="primary-menu" class="menu nav-menu" aria-expanded="false"><li id="menu-item-219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-88 current_page_item menu-item-219"><a href="http://shegames.net/">Home</a></li>
<li id="menu-item-1312" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1312"><a href="http://shegames.net/my-account">My Account</a></li>
<li id="menu-item-1313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1313"><a href="http://shegames.net/checkout">Checkout</a></li>
<li id="menu-item-1314" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1314"><a href="http://shegames.net/cart">Cart</a></li>
<li id="menu-item-1315" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1315"><a href="http://shegames.net/shop">Shop</a></li>
</ul></div>     </nav>

Assistance would be very much appreciated. I’m really interested in learning how I can just edit the html myself for the menu bar so I can make more complex customization in the future…preferrably without relying on php or other code besides html/css…idk if that’s possible though.

2

Answers


  1. Go to your wordpress dashboard -> Appearance Menu -> Editor

    And find Theam header (header.php) file.

    Here you can add another div.

    Login or Signup to reply.
  2. You can edit php file from Admin -> dashboard -> Appearance Menu -> Editor

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search