mobile menu

Hello,
Sorry for my bad English
I want to use that kind of menu submenu clicking icon and menu closing.

Please see screenshot .

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-nav-opener:after {
    content: "\f129";
    font-family: "woodmart-font";
}
body .wd-nav-opener.wd-active:after {
    transform: rotate(270deg);
}

Best Regards

This code is not working for me please see the attachment.

Attachments:

You must be logged in to view attached files.

Hello,

Do you want a “minus sign” when the tab is open?

Please remove the code I have provided.

Best Regards

Hello,

Yes, I want + sign when open menu and – sign when clicking on sub menu, also I want menu closing button, top outside of mobile menu.

Hello,

This can be implemented with FotnAwesome icons:

.mobile-nav .wd-nav-opener:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
}

.mobile-nav .wd-nav-opener.wd-active:after {
	content: "\f068";
	transform: none;
}

The close button can not be done with custom CSS unfortunately.

Best Regards

Hello,

Thanks, it’s working.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts