Archived topic

Splitting Menu Items in Secondary Menu

3 replies · Started by Gary on April 7, 2020

Viewing posts 1–4 of 4

April 7, 2020 at 9:56 am #1230151

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

April 7, 2020 at 5:09 pm #1230560

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?

April 7, 2020 at 7:05 pm #1230618

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.

April 8, 2020 at 9:31 am #1231540

Glad I could help! :)

This archived topic is closed to new replies.

Start building better websites today.