Shane Scanlan
asked 8 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 8 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 8 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 !

Powered by DW Question & Answer Pro