Return to previous page

Mobile menu icon change - by mykjones - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Robert Hall

mykjones

Participant

January 20, 2016 at 06:46

I have older clientele that have a hard time navigating the mobile version on my site. They do not see the 3 stripe icon as way to the menu. I would like to either edit the icon graphic or have the menu stay open upon entering the site. Thanks for all your help.

#108829 Copied Theme version: 2.5.1

3 Answers
Jack Richardson

Support staff

January 20, 2016 at 12:41
Hello,

You can change mobile menu icon using the code in Theme Options > Custom CSS > Global Custom CSS:
```
.menu-icon:before {
    content: none;
    background-image: url("http://path_to_your_icon_image");
}
```
Best regards,
Jack Richardson.
#108872 Copied
mykjones

Participant

January 21, 2016 at 21:47

Did not work but when I reworded it this way:

`.menu-icon:before {
content: url(“http://beyogadance.net/wp-content/uploads/2016/01/be-yoga-menu-icon.png”);
}

it works please tell me if this is proper.

thanks

#109331 Copied

Robert Hall

Support staff

January 22, 2016 at 13:23

Hello,

Yes, it’s right.

Regards,
Robert Hall.

#109450 Copied
Tagged: icon change, mobile menu, template, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 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

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Luxury Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Yoga Accessories – WordPress WooCommerce Theme

lazy-placeholder

BookStore – WordPress WooCommerce Theme

lazy-placeholder

Gym Store – WordPress WooCommerce Theme

lazy-placeholder

Spa – WooCommerce Theme

lazy-placeholder

Ecoenergy – WordPress WooCommerce Theme

lazy-placeholder

Marseille04 – WordPress WooCommerce Theme

lazy-placeholder

Real Estate – 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.