You are here:  » Horizontal Drop down menu

Active Forum Topics

Horizontal Drop down menu

Submitted by MikeyC on Thu, 2019-01-10 19:35 in

Hi David,

How can i make the menu show the categories and it's subs horizontal instead of vertical?


Submitted by support on Fri, 2019-01-11 10:07

Hello Mikey,

Foundation's dropdown menu can be made horizontal - add the following to the end of html/default.css

.top-bar-section .dropdown {
  width:600px !important;
.top-bar-section .dropdown li {
  width:100px !important

You'll need to experiment with the width values to cleanly accommodate your menu items but that should do the trick.

(don't forget to do a hard refresh - CTRL+F5 in most browsers - after modifying CSS to ensure that it is reloaded...)


Submitted by MikeyC on Fri, 2019-01-11 12:01

Thanks David