Debut theme - remove white space on custom page

Solved
Highlighted
New Member
2 0 0

Hello, I need some help with removing the white space in between the menu and the main content on the page, I've placed an image below and put a red arrow to indicate the space I am talking about. My site's URL is https://diffrnt.co.uk/ and the page is https://diffrnt.co.uk/pages/test1

I've successfully removed the title from the page and now I just need to remove the white space. The page is a custom one and I created a new Template called "page.no title.liquid" that enabled me to remove the title. 

Shopify Image.jpg

0 Likes
Highlighted

This is an accepted solution.

Hello @Jaimz,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.template-page main#MainContent {
    padding-top: 0;
}
.template-page .section-header.text-center {
    margin: 0;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
2 0 0

That did it thank you @oscprofessional :) 

0 Likes