Re: Dropdown Menu Padding

Solved

How can I reduce dropdown menu padding in the Kallas theme?

tymseals
New Member
5 0 0

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

 

Screenshot 2023-05-02 at 15.01.48.png

Accepted Solution (1)
StoreWatchers
Trailblazer
205 30 37

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.

online-store.JPG

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

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

View solution in original post

Replies 6 (6)

PageFly-Victor
Shopify Partner
7865 1786 3108

Hi @tymseals ,

Could you please share your store URL and password (if enabled). So that we can help you. Thank you!

tymseals
New Member
5 0 0

Hi, url is https://tym.co.uk/

Sandeep81
Shopify Partner
118 17 19

Hi Tymseals,
Paste this CSS in your style.min.css file


.nt_menu ul li a {
padding: 4px 15px !important;
}

Thanks 
SANDEEP

Hey if it works, please give a Like or mark it as a solution.
Please Let me Know if not solved.
Here I am: sandeepkhandagade@gmail.com
Thanks & Regards
Sandeep
tymseals
New Member
5 0 0

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.

 

StoreWatchers
Trailblazer
205 30 37

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.

online-store.JPG

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

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
tymseals
New Member
5 0 0

This worked perfectly, thanks for your help.