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?

Mikey

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...)

Cheers,
David.
--
PriceTapestry.com

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

Thanks David