1. Home
  2. Customization
  3. Change the MENU label on mobile version of your site

Change the MENU label on mobile version of your site

If you have set your menu to collapse on mobile devices, you will see a label on the menu button which says MENU.  You can change this label to something else – for example the word OPEN or VIEW GALLERIES.

You can do this by adding a CSS content block to the ENTIRE SITE section of your site and then adding this code to it:

/* Hide the word "menu" */ 
.sm-user-ui .sm-page-widget-nav-mobile-header .sm-page-widget-nav-menu-expand .sm-h5  { 
    visibility: hidden; 
} 

/* Change the title "Menu" to something else */ 
.sm-user-ui .sm-page-widget-nav-mobile-header .sm-page-widget-nav-menu-expand .sm-h5:after { 
    content: 'YOUR CUSTOM LABEL'; 
    visibility: visible; 
}

 

 

Updated on Nov 28, 2018

Was this article helpful?

Related Articles

Comments

  1. Hi, I have 3 Menu content block on my page. I would like to use these for different langugages. So I need to change “Menu” label on mobile version, but for 3 different words. Is it possible?

    1. You will need to find the ID of each menu content block and change it separately. If you give me a link to your site I may be able to help you with it.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.