Replace mobile menu icon with custom text

This topic has 4 replies, 2 voices, and was last updated 6 years, 6 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.

    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

    Avatar: bart
    bart
    Participant
    May 11, 2018 at 18:59

    Dear Rose,

    Thanks for your quick and perfect support as usual.

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

    Hello,

    You’re welcome!

    Regards

  • Viewing 4 results - 1 through 4 (of 4 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.