Brooklyn Theme - large gap below Header and Rich Text

Solved
PlushUnicorns
Tourist
8 0 0

Hello - my (still developing) website is plushunicorns.com.au I have a problem with a large white space padding area between the header and rich text on the home page. Screenshot attached. This only occurs on the home page not the product pages. after googling some options I've checked my logo whitespace, tried some code snippets etc but to no avail. Any assistance would be greatly appreciated.

 

IMG_8185.jpg

 

 

0 Likes
Qualitycheck
Shopify Expert
1403 114 222

This is an accepted solution.

Hi @

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.css->paste bellow code in bottom of file
.index-sections .shopify-section:first-child:not(.shopify-section--full-width) {
margin-top: 10px !important;
}

Hello @PlushUnicorns,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

@media screen and (min-width: 768px) {
 .index-sections .shopify-section:first-child:not(.shopify-section--full-width) {
	margin-top: 50px !important;
}
}
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
PlushUnicorns
Tourist
8 0 0

worked perfectly! Thank you.

0 Likes
Qualitycheck
Shopify Expert
1403 114 222

hi,

if any help in future feel free to reach out.

howsmydriving42
New Member
2 0 0

Oh my god, thank you so much - I've been digging through the code trying to figure this out for a while now!

0 Likes
lizedesigns
New Member
5 0 0

Hello! I'm having the same problem but this code didn't work for me.

My website is here: https://billy-button-designs.myshopify.com/

I would greatly appreciate your help

0 Likes

Hello lizedesigns,
Your site is password protected.
Can you please share password?

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
lizedesigns
New Member
5 0 0
Sorry!! It's billybuttontest

Thanks!!
0 Likes

To remove extra space above rich text section on mobile view.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (max-width: 768px){
#shopify-section-slideshow div#Hero-slideshow {
    height: auto;
}
}
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