Is there a way to customize the background color when hovering over
<a href="#">Find Me</a>
? I want the background color to change while hovering, similar to how it appears in the image before hovering.
And this is how it looks after hovering:
I specifically want to customize the background color of "Find Me". What code should I add to achieve this?
Here is the code snippet:
<nav style="width: 1000px; margin: auto;" class="top-bar" data-topbar role="navigation">
<ul style="margin-right: 80px;" class="title-area">
<li class="name">
<h1><a href="#">My Site</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<ul class="left">
<li class="has-dropdown">
<a href="#">Find Me</a>
<ul class="dropdown">
<li><a href="#">Facebook</a></li>
<li><a href="#">Steamcommunity</a></li>
</ul>
</li>
</ul>
</section>
</nav>