Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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
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
Awesome! Thanks Gempages - Much appreciated
Hi @KieranK95,
I am glad that my solution is helpful to you 😁.
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025