I'm struggling to line up all the menu items at the bottom - products, activity feed, and learn store should be on the same row, with test below products. Currently, products is being pushed up and text is aligning to the right of it.
Despite trying different displays such as blocks and using text-align, I can't seem to get it right.
Is there a way to make a child menu align with its parent items?
Visit jobcreatr.com/home for more information.
<ul class="menu">
<li class="first leaf">
<li class="leaf">
<li class="last expanded">
<a title="" href="http://jobcreatr.com/products">Products</a>
<ul class="menu">
<li class="first last leaf">
<a title="" href="http://www.google.com">test</a>
</li>
</ul>
</li>
</ul>