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

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

  • Avatar: midlandsonline
    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

    2 Answers
    Avatar: Robert Hall
    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.

    Avatar: Eva
    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.

  • Viewing 3 results - 1 through 3 (of 3 total)

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

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