Change Mobile Menu to Different colour by using Header Builder

gctech

Hi, wanted to ask how I can change this menu to a different colour? Thanks. 

Pablo

Hello,

It's an "Link color" - Theme Options > Colors > Menu

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gctech

Hello, sorry for didn't mention earlier. FYI im using Header Builder 

Pablo

Switch the Header Builder to "Mobile" and edit the "Menu" item

You will be able to change it there:

https://prnt.sc/pt9e9y

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gctech

yes, but I tried to change the sub menu colour to red, it still wont change to red, kindly advise.
https://ibb.co/4T3vKHj

Pablo

Sorry, I was wrong.

You are able to change the "Submenu" only, but not the "Hamburger menu" content.

To change that, you have to use this CSS code:

.mhb-item .tabletMobile li{
	background:red !important;
}

Provide it in the Theme Options > Custom CSS & JS > CSS

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gctech

Thanks it is fine now, but I wanted to make it transparent, I have used this code the colour has changed but not transparent, kindly advise.

.mhb-item .tabletMobile li{

background:rgba(25,26,73,0.77) !important;

}

Bryan

Just change the alpha value from 0.77 to 0

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gctech

.mhb-item .tabletMobile li{

background: rgba(25, 26, 73, 0) !important;

}

but it came out to be white again. https://ibb.co/zSVkv9F

Bryan

Please send a link to this page, I think it needs more css for it to be transparent.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gctech

this is the link.

https://staging.gctech.my/

Bryan

Here is the code:

 .mhb-menu .menu { background: transparent !important; } 

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gctech

Thanks 100% working fine now..