Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi,
Wondered whether anyone can help.
I am trying to reduce the padding between the headings on this dropdown menu. I need to add more items and I don't want it to be too long. The theme used is Kallas. I have tried to edit the custom CSS with no luck, please help.
Thanks
Solved! Go to the solution
This is an accepted solution.
Hello @tymseals,
Greetings from the Store Watchers Support Team! Happy to help you today.
Go to Online Store -> Actions -> Edit code. Then find theme.liquid.
In your theme.liquid file, please paste the code below before the </body> tag.
<style>
.nt_menu div.menu-item>a{
padding: 5px 15px!important;
}
</style>
Let me know if need further assistance
Regards,
Store Watchers Support Team
Hi @tymseals ,
Could you please share your store URL and password (if enabled). So that we can help you. Thank you!
Hi Tymseals,
Paste this CSS in your style.min.css file
.nt_menu ul li a {
padding: 4px 15px !important;
}
Thanks
SANDEEP
Thanks for your reply but it did not solve the problem. I also tried the CSS in the custom CSS section and still didn't work unfortunately.
This is an accepted solution.
Hello @tymseals,
Greetings from the Store Watchers Support Team! Happy to help you today.
Go to Online Store -> Actions -> Edit code. Then find theme.liquid.
In your theme.liquid file, please paste the code below before the </body> tag.
<style>
.nt_menu div.menu-item>a{
padding: 5px 15px!important;
}
</style>
Let me know if need further assistance
Regards,
Store Watchers Support Team
This worked perfectly, thanks for your help.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024