Re: Reducing space of links in Navigation

Solved

How can I adjust the spacing of links in my navigation?

tianacreative
Tourist
8 0 1

Hi, I'd like to adjust spacing as shown in image attached, i'm unsure of what code to use for this. Please help!

space.png

 

PREVIEW LINK:

https://rexddw0vldovx4ws-10202578980.shopifypreview.com

Accepted Solution (1)

ZestardTech
Shopify Expert
5624 1024 1352

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.sub-column-item .sub-column>li a {
padding: 5px 0!important;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 7 (7)

ZestardTech
Shopify Expert
5624 1024 1352

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.sub-column-item .sub-column>li a {
padding: 5px 0!important;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
tianacreative
Tourist
8 0 1

Absolute legend! Thank you so much 🙂

ZestardTech
Shopify Expert
5624 1024 1352

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
tianacreative
Tourist
8 0 1

I have another small issue in one of my other threads for mobile view

www.tradervics.com.au

I do not know how to remove this spacing

 

space1.png

ZestardTech
Shopify Expert
5624 1024 1352

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.h__top {
min-height: 0px!important;
}
.pt__10 {
padding-top: 5px!important;
padding-bottom: 5px!important;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
tianacreative
Tourist
8 0 1

Thank you so so much 🙂  !!!!!!!!!!!!!!

ZestardTech
Shopify Expert
5624 1024 1352

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing