Return to previous page

Replace mobile menu icon with custom text

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

  • Avatar: bart
    bart
    Participant
    May 10, 2018 at 10:38

    Good day,

    Is it possible to replace the mobile (responsive) menu icon with custom text?

    Thank you in advance.

    #192648 Copied
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 10, 2018 at 11:01

    Hello,

    Please add this code in Theme Options > Styling > Custom css > Global custom css:

    @media only screen and (max-width: 992px) { 
    .navbar-toggle .sr-only {
        width:  auto;
        height:  auto;
        position:  static;
        margin:  0;
    }

    .navbar-toggle .icon-bar {
        display:  none;
    }
}

    “Menu” text can be changed using Loco Translate plugin – https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/ (create English translation and just change the necessary string to what you need).

    Regards

    #192655 Copied
    Avatar: bart
    bart
    Participant
    May 11, 2018 at 18:59

    Dear Rose,

    Thanks for your quick and perfect support as usual.

    #192829 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 14, 2018 at 07:00

    Hello,

    You’re welcome!

    Regards

    #192852 Copied
  • Viewing 4 results - 1 through 4 (of 4 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
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Electron Store 01 – 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.