Horizontal Drop down menu

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

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