Applying menu style to a new top menu

Shane Scanlan
asked 10 years ago

Thanks for the answers here: http://cmspioneer.com/designwall/question/top-menu-in-focus/
But, can you continue with the tutorial and describe how to apply the same styling to this top menu as the lovely main menu?
Thanks

Shane Scanlan
replied 10 years ago

I’ve also just noticed that all menus (main menu and the new top menu) have disappeared in the response view.

1 Answers

DominicStaff
answered 10 years ago

Hi Shane !
If you want to change style for the Top menu in the DW Focus, you can add the following code to the Header Code:

<style>
.top-nav .nav-pills {
margin-bottom: 0;
border-bottom: 1px solid #ddd;
}
.top-nav li:first-child {
margin: 0;
}
.top-nav li a:hover {
background: transparent;
}
.top-nav .nav li a {
color: #000;
display: block;
font-family: "NovecentowideBookBold",Georgia,"Times New Roman",Times,serif;
font-size: 11px;
line-height: 20px;
padding: 10px 18px;
text-shadow: none;
text-transform: uppercase;
}
.top-nav .nav li a:hover {
color: #EE3224;
}
.top-nav .nav li {
border-left: 1px solid #DDD;
display: inline-block;
}
.top-nav {
border-right: 1px solid #DDD;
}
</style>

– To display the top menu in the Responsive view, you can open the header.php file, find the line 25 then remove the “visible-desktop” class.
Hope this helps !