CSS for mobile menu?

Hey Julie Hood,

Please be precise about what you want to create. It seems you want to build a separate mobile menu similar to primary and footer menu. I’m afraid if you could tell it more clearly.

Thanks!

I want my mobile menu to look like my main menu on the desktop.

Currently the formatting (color, bold) is not the same.

If you visit the site on the desktop and on a mobile device, you can see how the two menus are different. https://www.dmhood.com

The mobile site menu is BLANK for the current page. It’s also blank when hovering. The mobile menu is also light gray and I want it to be black bold.

How do I make these two menus the same?

What CSS needs to be changed to make them the same?

Thanks for your help.

• This reply was modified 7 years, 4 months ago by Julie Hood.

Hi Julie Hood,

Check this;
https://www.wpbeginner.com/wp-themes/how-to-create-a-mobile-ready-responsive-wordpress-menu/
https://designmodo.com/responsive-menu-wordpress/
It can help you .

Regards,
Rohan

• This reply was modified 7 years, 4 months ago by Rohan Pokharel.

For anyone else who is having this problem, go into the Customizer and update the menu settings.

Go to: Customizing ? Header Settings > Navigation Colours

I played with it long enough to get the two menus to match.

Have you figured it out?

Thanks!

Pretty much. It’s not exactly what I wanted but at least the two menus are the same now. Thanks for your help.

Great to hear that!!!

Best Wishes,
Rohan