Return to previous page

Change menu icon on mobiles - by neil - on WordPress WooCommerce support

This topic has 3 replies, 3 voices, and was last updated 9 years, 3 months ago ago by Eva Kemp

neil

Participant

January 27, 2015 at 14:39

Hi

Can you tell me which folder the mobile menu icon is in (three little lines) so that I can replace the image

#37376 Copied

2 Answers
Robert Hall

Support staff

January 27, 2015 at 15:43
Hello,

It’s not an image. It’s a code in style.css file:
```
.menu-icon:before {
content: "\f039";
font-size: 26px;
color: #a5a5a5;
font-family: FontAwesome;
position: absolute;
left: 0;
top: 0;
}
```
If you want to change image you need add following code into custom.css file
```
.menu-icon:before {
content: "";
background: url(here is link to image);
display: block;
width: 20px;
height: 20px;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#37396 Copied
Eva Kemp

Support staff

January 27, 2015 at 15:46
Hello,

You need add this code in custom.css file:
```
.menu-icon:before {
    content: url('http://link_to_your_image') !important;
}
```
Thank you.
Regards,
Eva Kemp.
#37400 Copied
Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Tea Store – WordPress WooCommerce Theme

lazy-placeholder

Interior Store – WooCommerce Theme

lazy-placeholder

Agricultural Store – WordPress WooCommerce Theme

lazy-placeholder

Ecoenergy – WordPress WooCommerce Theme

lazy-placeholder

Underwear Store – WordPress WooCommerce Theme

lazy-placeholder

Delivery – WordPress WooCommerce Theme

lazy-placeholder

Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Marseille04 – WordPress WooCommerce Theme

lazy-placeholder

Books Store – WordPress WooCommerce Theme

lazy-placeholder

Bakery Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.