Small item to look at whenever

  • Resolved ruthbillheimer

    (@ruthbillheimer)


    7 years, 11 months ago

    Hi Alexa
    Just a small detail you might want to put right. Have a look at the site on a mobile phone in portrait orientation. It says “Primary Menu” which looks like a placeholder or something. It works, it links to the menu which is why I say it’s not urgent but it looks a bit unfinished and out of place with the rest of the site. Other themes have given a box border around the word MENU in caps.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Alexa

    (@alexamayw)

    Hi Ruth,

    Sorry that the default button isn’t working out for you. Of course you’re welcome to change it as you see fit!

    In your dashboard, go to Appearance –> Editor and navigate to header.php. Find the following line (it’s toward the bottom of the file):

    <button id="menu-button" class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'heidi' ); ?></button>

    Where it says ‘Primary Menu’ you can change it to say ‘Menu’ or any other wording of your choice.

    To change the styling of the button to something like what you’ve described here, you can add this code in Customize –> Additional CSS:

    #menu-button {
	box-shadow: none;
	padding: 10px;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: none;
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	transition: .5s ease all;
}

#menu-button:hover, #menu-button:focus {
	background-color: #6a7851;
}

    The background color #6a7851 for the hover state is a darker shade of the green you’re currently using in the header of your site; of course, you can change this and any other aspect of the button as you like!

    Thread Starter ruthbillheimer

    (@ruthbillheimer)

    Thanks, that’s great! I just changed it to “MENU” and that was enough, but I’ll keep a not of the code for future reference.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Small item to look at whenever’ is closed to new replies.