Return to previous page

Changer icon hamburger menu - by nuuk - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Eva Kemp

  • Avatar: nuuk
    nuuk
    Participant
    May 26, 2016 at 15:25

    hello,

    how I can change the menu icon on the mobile version?

    Thanks

    #127309 Copied Theme version: last version WooCommerce version: last version
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    May 26, 2016 at 15:35

    Hello,

    You can change menu icon with Font Awesome icons http://fontawesome.io/icons/ adding this code in Global Custom CSS:

    .menu-icon::before {
    content: "\f039";
    font-family: FontAwesome;
}

    Change the code f039 with the icon you need.

    Regards,
    Eva Kemp.

    #127312 Copied
    Avatar: nuuk
    nuuk
    Participant
    May 30, 2016 at 15:31

    and if I want to add my personal icon?

    #127605 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    May 30, 2016 at 16:41

    Hello,

    In this case use the following code:

    .menu-icon::before {
    content: url("http://path_to_your_image");
}

    Regards,
    Eva Kemp.

    #127614 Copied
    Avatar: nuuk
    nuuk
    Participant
    May 31, 2016 at 15:17

    thanks

    #127743 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    May 31, 2016 at 17:00

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #127769 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Changer icon hamburger menu’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Handtools Store – 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.