menu mobile icon

[osama]

how to make a custom menu mobile icon instead of the regular

• This topic was modified 2 years, 6 months ago by osama.

Attachments:

You must be logged in to view attached files.

Hello,

With the help of the below code, you can change the default mobile menu icon, enter it into the “” area that is in Theme Settings -> Custom CSS.

.wd-header-mobile-nav .wd-tools-icon:before {
    content: "\f142";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

In the meantime, feel free to ask me any questions you may have.

Kind Regards

what i have to do after paste the code , ?!!!

Attachments:

You must be logged in to view attached files.

could i upload custom icon as png ? but where to upload and what to do after paste the code

If you want to upload the png icon, you can remove the above code and navigate to WoodMart -> Header builder -> Mobile view -> edit the “Mobile menu” element and select the “Custom type” for the icon, after that upload the icon as you want.

https://gyazo.com/f17dc2ed37ab95a1e19a7edce02c8b16

Kind Regards

its very easy 😀 thanks for you support

You are welcome!

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts