A Hamburger By Any Other Name...

Recently, someone stopped by to ask if it was possible to add the text "Menu" below the hamburger icon in the Contempo template. The short answer is YES. There are two ways to make the change. The text can be added using CSS as shown below or the text can be added manually to the theme HTML, but, editing the theme HTML is not really my area of expertise, so, I'll leave that to the fine folks at the Blogger Help Forum or if Blogger is feeling a bit less than useful today, the fine folks at StackOverflow will be happy to help.

To use the CSS method, add the following CSS to the advanced section in the theme menu: Theme > Customize > Advenced > Add CSS:

body > div.page > div.page_body > div > header > div > button {
width:60px !important;
}

body > div.page > div.page_body > div > header > div > button:before {
background-color: white !important;
color: black !important;
font-size: 90%;
padding:3px;
position: relative;
top: 40px;
content: "Menu";
}

Once the CSS has been added, be sure to select Apply To Blog to save the changes. The first part of the CSS above specifies the width of the placeholder where the text will appear. The second part of the CSS above indicates the color and background color of the text and also uses the position property to place the text below the hamburger icon. Adjust top:40px to a lower or higher value to move the text up or down. Also, a negative number can be used to make the text appear above the hamburger instead of below. Well, that's the extent of my advice for today. Enjoy.