Creating pages that don't appear in navigation menu

By default, WordPress adds any new pages to the default menu. So what you want to do is create a custom menu. If you create a custom menu, then those new pages won’t show up.

Go to Appearance → Menus and you can create a custom menu using any pages that you want to appear in the menu. You can drag & drop the menu items in whatever order you want. After you create and save your menu, you want to set the menu’s location by clicking the Manage Locations tab on that same page.

That’s great, thank-you!

Now that I can create pages without them showing up in the menu I’d like to create pages for Privacy/Terms and Conditions that appear in the footer. How can I add links to these pages in the footer?

Also, on the topic of headers and footers…I’d like to add a Login/Register button or link to my header. I’ve looked for a plugin to help me with this and can’t find anything.

I’ve also noticed that since I’ve changed my menu, it has changed the colour settings and, when you hover over it, the font turns white and you can’t see it? How can I fix this?

Apologies for all of the questions!

For changes to the header & footer, you’ll probably have to create a child theme and make your changes to a copy of the header.php and footer.php files. Do not make changes directly to the theme files, because any changes you make will be overwritten the next time you have to update the theme.

For the menu color, can you please post a link to your site so I can examine it directly? Thanks.

Thank-you for the quick reply.

My site is https://03e82778d8.testurl.ws/

I have a Custom CSS plugin, however, I’m not sure where or how to start making the changes to my header and footer. I’ve had a look at some previous posts here and tried copying the suggested code but no result.

I’ve looked at my settings and I can’t figure out why the font in my menu now turns white when you hover over it. https://03e82778d8.testurl.ws/

Any guidance on how to make changes to my header and footer in my Custom CSS plugin would also be very appreciated.

There’s a couple of things you can do for your menu:

1. Set the text color so it doesn’t change on hover:

   #site-navigation ul li ul.sub-menu li a:hover,
   #site-navigation ul li ul.sub-menu li a.active {
      color: #00b560;
   }

2. Change the background color on hover so the white text stands out:

   #site-navigation ul li ul.sub-menu li a:hover,
   #site-navigation ul li ul.sub-menu li a.active {
      background-color: #4e80b8;
   }

Thanks for your reply. I want to keep the background colour white so I’ve tried setting the text colour so it doesn’t change on hover, but it is still changing to white?

So you tried adding the first rule and the menu text didn’t stay green? I see you added the second rule, but can you please substitute it with the first rule instead so I can see?

I’ve added the first rule, it’s working ok now but I’ve noticed that for the Schools drop down, the hover is still being highlighted in blue, yet in the Teachers drop down it isn’t? Not sure what I’ve done to create the discrepancy…

I don’t see the Schools drop down highlighted in blue on hover. Maybe you need to clear your browser’s cache?