Why just Minimal Theme? You can customize your own menu bar design under the Foppish theme too. Choose a color to match with your brand logo and brand image.




Please add the code in Settings --> Advanced Feature --> Third party Javascript

    

<style> .nav-li.current { background: #8DD2EB; /*Menu Bar dropdown Selected Background color*/ border-top:0px; } ul.dropdown > li.hover, ul.dropdown > li:hover, .l5_prodDescComments ul li a.selected{ border-top: 0px; } ul.dropdown>li { border-top: none; } ul.dropdown { background : #011d32; /*Menu Bar background Color*/ color:#fff; padding-bottom : inherit; } ul.dropdown>li { float : none; } ul.dropdown ul li a:hover, ul.dropdown>li.hover, ul.dropdown>li:hover { background : #8DD2EB; /*Menu bar dropdown background hover color*/ color: #fff !important; /*Text color*/ } li.hover a { color: #fff; } ul.dropdown>li>a { padding-left :22px; padding-right : 22px; } ul.dropdown li a { text-transform: capitalize; color:#fff; } ul.dropdown>li { border-bottom : 0px; padding-bottom: 0px; } ul.dropdown:after { border-top: 0px; } ul.dropdown li.hover a, ul.dropdown li.hover ul li.hover a { color: #fff !important; } ul.dropdown li.hover ul li a { color: #545454 !important; } ul.dropdown>li>ul { top: 35px; } </style>