How to split a dropdown subheading into two columns on Debut theme?

[KieranK95]

Hi,

Is it possible to make this last subheading "Gemstones" into 2 columns as it is too long and centre the Gemstones heading?

using debut theme - https://www.luxurybrandjewellery.com.au/

thanks in advance!

[GemPages · Accepted solution]

Hello @KieranK95 

1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid theme file

3. Paste below code before </body> :

<script>
$('.site-nav__childlist-item > ul').each(function(){
    if($(this).find('li').length > 20){
        $(this).css('column-count','2');
        $(this).parent().find('.site-nav__child-link--parent').css({'display':'block', 'text-align':'center'});
    }
});
</script>

Hope my recommendation can works and support for you!

Kind & Best regards!

GemPages

[KieranK95]

Awesome! Thanks Gempages - Much appreciated

[GemPages]

Hi @KieranK95,

I am glad that my solution is helpful to you ‌‌ ‌‌😁.