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

menu, mobile, navigation


Tomasz Nowicki

My name is Tomasz Nowicki and I am a PHOTOGRAPHER and WEB DESIGNER based in the UK. Few years ago I have created my first website using SmugMug - a powerful platform for any type of photographer. I fell in love with it and from day one I have started exploring the possibilities of customizing my website. PHOTOM Portal is a my personal SmugMug knowledge base website where you can find some tips and tricks on how to use and get the most out of your SmugMug website.

Comments (2)

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.