Custom Menu

Hey bewelltended,

Thank you for the inquiry.

You should be able to add the strap image as the background of the menu container or as a separate element beside the logo. In the previous site, the strap is attached to the logo and the html looks like this.

<div id="logo-area">
       <a href="https://thestrapsaver.com">
           <img class="trueleft col12 logo-top" src="https://www.thestrapsaver.com/wp-content/uploads/logo960.png" alt="The Strap Saver Logo"></a></div>

The hover effect is done using css.

nav #menu1 li:hover {
	--height: 73px;
}

#menu1 a:hover, #menu1-smooth a:hover, #menu1 .active a, #menu1-smooth .active a {
	background-color: #ed1d84;
}

#menu1 li:hover .li-spacer-white, #menu1 li.active .li-spacer-white {
	display: block;
	height: 4px;
	background-color: #fff;
}

The li-spacer-white container does not exist in the theme’s default menu but you might be able to recreate it by applying a top margin above the menu item on hover.

Best regards,
Ismael

Hi Nikole,

Thanks for the update. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard