Liquid, JavaScript, themes, sales channels
Site: https://u9a0gjwtkkrv74cb-59737833631.shopifypreview.com
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.
<script>
var maxRows = 6;
$('.site-nav ul.site-nav__dropdown-f6c27efeea36e69852a48e57e2d29ded').each( function() {
var totalRows = $(this).grandchildren('li').length;
var columns = Math.ceil(totalRows/maxRows).toString();
$(this).css({
"-webkit-column-count": 3,
"-moz-column-count": 3,
"column-count": 3,
});
});
</script>
Any suggestions?
An example of what I want is nuagedesigns.com. Hover over "Linens and tabletop" and see the two columns under "Browse by Collection"
User | RANK |
---|---|
29 | |
21 | |
15 | |
14 | |
8 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By