Splitting Menu Items in Secondary Menu

[Gary]

I am trying to setup my top secondary menu (http://www.christtheteacher.ca/ctt/) so that the phone number is on the left side of the menu and the Login/Logout is on the right side similar to this (http://www.christtheteacher.ca). Any idea how to accomplish this?

Also, for the mega menu, how to I change the hover color of the sub menu headings so they don’t change when you hover on them?

Thanks,
Gary

[Tom]

Hi there,

Have you considered using the Top Bar widget area with the Navigation widgets instead of the Secondary Navigation?

As for the mega menu, I’m not seeing any issues as of right now – did you get it fixed?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Gary]

Hi Tom,

Thanks for the excellent tip! I moved everything to the Top Bar as you suggested and it looks exactly the way I wanted.

As for the Mega Menu I was able to fix the problem with some CSS code I found in another post. For anyone else have this same problem, here’s the code I added to the mega menu CSS:

nav .main-nav .mega-menu>ul>li:hover>a,
nav .main-nav .mega-menu>ul>li:focus>a,
nav .main-nav .mega-menu>ul>li[class*=”current-“]>a,
nav .main-nav .mega-menu ul ul {
background-color: transparent !important;
color: #fff;

Just change the color to whatever you want your sub-menu categories to be.

Now I just need to resolve the problem I left on another post with the mega menu width.

Thanks for the excellent support.

[Tom]

Glad I could help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts