Remove space/gap between header and scrolling banner

Helen_Wright1
New Member
3 0 0

Evening,

Hoping someone can assist us with our request.

We're currently setting us a new website using Debut Theme.

We have a gap between our header and the first scrolling banner, we've altered some code which has narrowed the gaps elsewhere, but thisone is troublesome.

Any assistance would be greatful.

Thank you
Helen

0 Likes
KarlOffenberger
Shopify Partner
1868 183 818

Look to your theme.scss.liquid and depending on how well versed you are in SCSS, either look up and change as appropriately .main-content class to have padding-top: 0 for all media or append this to the very bottom of same file

.main-content {
  padding-top: 0;
}

Hope this helps!

Liked this post? You might also like our fantastic upsell apps Candy Rack, Last Upsell post-purchase and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
Helen_Wright1
New Member
3 0 0

Thank you so much, your a star.

0 Likes
Helen_Wright1
New Member
3 0 0

Hi Karl,

Ok very odd. We've made the above changes, all is working.

Website desktop great.

Website mobile app, when you scroll the pages, the company logo shrinks to the point it's a tiny dot.

https://gamingbearuk.myshopify.com

Have a look, and see if it does it for you.

Thank you
Helen

0 Likes
KarlOffenberger
Shopify Partner
1868 183 818

Yup, but I am pretty sure that's been misbehaving before the change because that's a "feature" of the Debut theme.

Liked this post? You might also like our fantastic upsell apps Candy Rack, Last Upsell post-purchase and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
0 Likes
LJF
New Member
2 0 0

Love you! This worked perfectly!

0 Likes