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 |
---|---|
33 | |
27 | |
18 | |
9 | |
9 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023