Change mobile menu button

[skyridex]

Hello,

I would like to change the menu button to have the word “Menu” and to change the colour of the button (not the text).

I’ve code this code at the moment and it successfully changed the button o say “MENU” but the colour of the text changed, not the button itslf.

.x-btn-navbar i:before {
content : “MENU” !important;
}

[data-x-icon-s] {
font-family: “quicksand”;
font-weight: 500;
}

@media (max-width: 979px) {
.x-btn-navbar {
color: rgb(185, 138, 96)!important;
}

Any ideas how to fix this?

[christopher]

Hi Kane,

It seems that you already managed to fix the problem and you have the menu and the color is changed and not the text. If no please give us a screenshot and more info on how you want to style to follow up.

Thank you.

[skyridex]

Hello,

No sorry the button is the same colour but the text is different.

I want the button to change colour.

Also there is another problem - the green section at the top when viewing on mobile.

[ruenel]

Hello There,

You already added a custom css which should have work. Please clear your plugin caches and regenerate your minified css so that the latest changes will take effect.

By the way, the green section at the top is a result of the top padding added to the body of your page. It may have came from a plugin or coded in the theme. Please provide us access so that we can investigate.

Thanks.