Change the menu

This topic has 2 replies, 2 voices, and was last updated 7 months ago by Wes.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
August 23, 2022 at 7:40 pm #25180

KARLYN D HENDERSON
Customer

Hi I want to change the menu from black to white and the letters from white to black.

Please assist.

My site …. http://www.poimena.com

thank you.

August 24, 2022 at 1:21 pm #25182

KARLYN D HENDERSON
Customer

Okay, I was able to change the menu to white and the fonts to black …. Here’s the code I added to the CSS

.genesis-nav-menu .sub-menu a {
background-color: #ffffff;
font-size: 14px;
padding: 20px;
position: relative;
width: 200px;
word-wrap: break-word;
}

however on the mobile the menu bars (3 horizonal bars) are not showing up to access the menu dropdown menus. How do I change those mobile menu bar to black?

Please assist.

Thank you.

August 25, 2022 at 9:27 am #25183
Wes
Moderator
Here’s is the code to change in your CSS –
```
.menu-toggle,
.sub-menu-toggle {
	background-color: transparent;
	border-width: 0;
	color: #fff;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	visibility: visible;
}
```
This code is located in your style.css file. You can change it directly, or if you would like to keep your customizations separate then you can add this code in your Custom CSS by going to “Appearance > Customize > Additional CSS”. Just change the color: #fff; to whatever color you prefer.

Let me know if that helps
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.