Re: Split Dropdown Subheading into 2 columns

Solved

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

KieranK95
Excursionist
27 0 9

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!

 

Screenshot 2022-11-13 at 7.43.59 pm.png

Accepted Solution (1)

GemPages
Shopify Partner
5625 1262 1266

This is an 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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 3 (3)

GemPages
Shopify Partner
5625 1262 1266

This is an 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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
KieranK95
Excursionist
27 0 9

Awesome! Thanks Gempages - Much appreciated

GemPages
Shopify Partner
5625 1262 1266

Hi @KieranK95,

 

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center