Bill,
Thanks for the link. That has helped me.
I have adapted the code a bit to style the menu like the buttons:
`@media only screen and (min-width: 1024px) {
.slicknav_menu {
display: none;
}
#sidebar {
z-index: 20;
}
ul#primary-menu {
display: block;
list-style-type: none;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
text-align: center;
}
ul#primary-menu a {
display: block;
padding: 5px;
}
ul#primary-menu li {
position: relative;
background-color: #bebebe;
margin:0px 0px 4px 0px;
}
ul#primary-menu li.current-menu-item a {
background-color: #d88b24;
}
ul#primary-menu li.current-menu-item li a:hover {
background-color: #bebebe;
}
ul#primary-menu li a:hover {
background-color: #808080;
}
ul#primary-menu li.current-menu-item li a {
background-color: transparent;
}
ul#primary-menu li ul {
display: none;
list-style-type: none;
}
ul#primary-menu li:hover ul {
display: block;
position: absolute;
left: 200px;
top: 0;
width: 180px;
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
`