Check out the fiddle I created for my query
https://jsfiddle.net/e7te8hf1/
<section id="action-bar">
<div id="logo">
<a href="#"><img src="img/logo.png"></a>
</div><!-- end logo -->
<nav class="navbar navigation main-navigation">
... (the rest of the code here)
and here is the accompanying CSS code:
#action-bar .navbar {
float: left;
}
... (the rest of the CSS code here)
I've been trying to make the main-menu retain its hover style even when hovering over the sub-menu, but so far, I haven't been successful. Can someone assist me with achieving this using CSS?