Return to previous page

Put a X to close the mobile menu - by arnaudonline

This topic has 2 replies, 2 voices, and was last updated 4 years, 12 months ago ago by Rose Tyler

  • Avatar: arnaudonline
    arnaudonline
    Participant
    April 24, 2019 at 20:19

    Hi, I would like to add an X so that users can easily close the mobile menu, how to do?

    I tried things in the Js and PHP but nothing works and I do not want to break my site either.

    #212958 Copied Theme version: 5.2
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2019 at 08:03

    Hello,

    Please note that additional customization is outside the scope of our basic support.
    Add this code in Theme Options > Custom CSS > Global Custom CSS:

    .mobile-menu-opened .mobile-menu-wrapper:before {
    content: "\e90a";
    font-family: 'xstore-icons' !important;
    position: absolute;
    right: -25px;
    color: white;
    top: 5px;
    font-weight: 900;
}

    Regards

    #212974 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Minimal Electronics – 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.