Mobile MENU button – transparent background

In this tutorial I am going to show you how you can make the MENU button, in the mobile version of your website transparent.

Adding CSS code to your website

Log in to your SmugMug account → click CUSTOMIZE → on the right panel, select ENTIRE SITE and add a CSS content block anywhere on your page. Copy the below code and paste it into the CSS content block window.

/*Change the background of the Mobile Menu button to transparent*/
.sm-user-ui .sm-page-widget-nav-mobile .sm-page-widget-nav-mobile-header {
    background-color: transparent;
}
Code language: CSS (css)

Video walkthrough { no audio }

End result