Space Between Products - Narrative Theme

Solved
milliecreates
Tourist
14 0 3

Hi Community! Can someone advise on how to remove the gap between my featured products in the theme code? My site is www.candybottle.co

Thanks!

KetanKumar
Shopify Partner
20430 2114 7676

@milliecreates 

sorry for this issue 

can you please show me which gap do you have remove provide image

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
milliecreates
Tourist
14 0 3

See attached! I'd like to lessen the space between products. Appreciate your insight!

0 Likes
KetanKumar
Shopify Partner
20430 2114 7676

@milliecreates 

thanks for it yes please add this code

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

.featured-product__wrapper {padding: 50px 20px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
7308 1726 2302

This is an accepted solution.

@milliecreates 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width: 989px){
.featured-product__wrapper {
padding: 30px 5px !important;
}
}
.featured-product__wrapper {
padding: 30px 5px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Natztech
Shopify Partner
1331 369 905

hello @milliecreates 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 989px){
.featured-product__wrapper {
padding: 30px 5px !important;
}
}
.featured-product__wrapper {padding: 50px 20px !important;}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
LitExtension
Shopify Partner
1193 150 212

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Asset > theme.scss.liquid and paste this at the bottom of the file:
#FeaturedProduct-1609181417edfca194 .featured-product__wrapper{
padding-bottom: 70px !important;
}
#FeaturedProduct-featured-product .featured-product__wrapper{
padding-top: 70px !important;
}

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes