Reduce space between 2 sections - Narrative Theme

Solved
SweetViolet
Excursionist
22 0 11

I would like to reduce the space between my newsletter signup section and Blog sections on my home page. 

 

I like the size of the newsletter section, so I don't want to change that, I would just like to move the Blog section up if possible.

 

The site is www.sweetviolet.co.

 

0 Likes

This is an accepted solution.

Hello @SweetViolet,

Add below css in theme.scss

.shopify-section .featured-blog {
    padding-top: 50px;
}

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
SweetViolet
Excursionist
22 0 11

Looks perfect - thank you!

0 Likes
Lauren1958
New Member
3 0 0

@oscprofessional I have tried this code, and others but I still have a rather large white space on my mobile between slideshow and the next section. Could you please help me to reduce this space?

I have included a screenshot. Thank you! https://khloediorskloset.com/

 Screen Shot 2020-11-24 at 2.37.53 AM.png

0 Likes

Hello Lauren1958,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px){
#shopify-section-1606150957da6aba05 .featured-collection.collection-template {
    padding-top: 0px;
}
#shopify-section-slideshow .slideshow__text-content.slideshow__text-content-mobile.has-animated {
    margin-bottom: 0px;
    margin-top: 0px;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Lauren1958
New Member
3 0 0

@oscprofessional it worked perfect thank you!

0 Likes
Lauren1958
New Member
3 0 0

@oscprofessional can you help me with one more page i'm working on, same problem. i put the previous code you gave me. but there's still a white space in this current area. Can you please help me?

Screen Shot 2020-11-25 at 1.51.41 AM.png 

https://husnabpsz9l862fv-45552533653.shopifypreview.com

0 Likes
SundayDunaway
New Member
1 0 0

@oscprofessional wrote:

Hello Lauren1958,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

 



How do I lesson the space between my Featured Collection and Rich Text!? Thank you in advance! @oscprofessional 

0 Likes

Hello SundayDunaway,
Please share your store URL with password (If Needed), So that I will give you proper solution here !

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
The_Fun_Basket
Tourist
10 0 4

Hi @oscprofessional 

My theme is supply theme

on the home page there is white space, please help me to reduce it for both desktop and mobile.

white space.jpg

0 Likes