Mobile Menu Background Color Change

On 5/28/2023 at 3:52 PM, will__lai said:

Hi anyone knows about how to change mobile menu hamburger color?

I want it white when close and black when menu open. Thanks

another question: how to change the text bold of menu navigation?

Add this to Design > Custom CSS

body.header--menu-open .burger-inner>div {
	background-color: black !important;
}
body:not(.header--menu-open) .burger-inner>div {
	background-color: white !important;
}

@tuanphan - hopefully you can help.

trying the following code to invert the menu colour and text but nothing seems to happen. 

let me know what i'm doing wrong. thanks

On 12/7/2023 at 6:31 PM, jeremyouni said:

@tuanphan - hopefully you can help.

trying the following code to invert the menu colour and text but nothing seems to happen. 

 

let me know what i'm doing wrong. thanks

What is your site url?

hi @tuanphan I can't seem to get this code to work...trying to change the background color from pre-set red to white.  I'm not sure where to find this setting in site styles 😕

www.stmarksrvc.org

On 3/20/2024 at 12:53 AM, DevonHarris said:

hi @tuanphan I can't seem to get this code to work...trying to change the background color from pre-set red to white.  I'm not sure where to find this setting in site styles 😕

www.stmarksrvc.org

You can use this CSS code

/* Mobile Menu */
.header-menu-bg.theme-bg--primary {
    background: white !important;
}
body.header--menu-open header#header div.header-menu-nav * {
    color: red !important;
}