Found what you have been looking for?

Search
Generic filters
Exact matches only
Filter by Categories
Customization
Domains
Lightroom Plugin
Tools and Tips

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; 
}

Comments (4)

Leave a Reply

Your email address will not be published. Required fields are marked *

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

Support this PORTAL

I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.