Broadcast theme - Customizing the link list drop down menu

2 0 0


My link lists for my menu are too long and I'd like to break it up into two or three columns under the single headers, "Fabric" and "Colors". I'm using the Broadcast theme. Apps don't seem helpful for this customization.

I tried to use the following in theme.liquid but it didn't work.
var maxRows = 6;
$('.site-nav').each( function() {
var totalRows = $(this).grandchildren('li').length;
var columns = Math.ceil(totalRows/maxRows).toString();
"-webkit-column-count": 3,
"-moz-column-count": 3,
"column-count": 3,

Any suggestions?

An example of what I want is Hover over "Linens and tabletop" and see the two columns under "Browse by Collection"

nuage site nav menu.png

Replies 0 (0)