Removing Space Above Header Image in Debut Theme

Solved
New Member
2 0 0

Any ideas how to reduce the space between my header I made for my blog and the top of the page (below nav menu)? I tried creating a new class and targeting with a background image but it repeated all down the page. 

 

The page is: https://coolkitch.com/blogs/cooking-with-cool-kitch

 

I am using a img src now but also uploaded it as an asset and tried as a background with no success.

 

Thanks,

 

Mike

 

0 Likes

Success.

Shopify Partner
455 80 101

It is a very easy fix, just follow a few simple steps below.

Click on Actions button and go into Edit Code.

Here search/open theme.scss.liquid file.

Scroll at the very bottom of this file and past the following rule there.

.template-blog #MainContent {
	padding-top: 20px;
}


You can play with 20px and adjust it to achieve the result you want.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
New Member
2 0 0

Thank you, such a simple fix. I really appreciate your answer!

0 Likes

What if I wanted to remove the same white space under the header/above the hero on my homepage?  www.waterbottleshop.online

 

Thx!

 

-SS

WaterBottleShop.Online
https://waterbottleshop.online
0 Likes