How can I eliminate the large white space under my header?

[Johnnycrev]

I've done something to my header and now I have a huge white space underneath it. I tried using using code as suggested here but doesnt seem to work. Can someone please help? Minimog Theme - https://www.afterhoursgallery.co.uk/

[Raj-webdesigner]

Share Preview Link

[Johnnycrev]

https://www.afterhoursgallery.co.uk/

[Raj-webdesigner]

Add This css In your Edite code > Theme.css File

@media screen and (min-width:1024px){
	#MainContent{
		padding-top:100px !important;
	}
}
@media screen and (max-width:1024px){
	#MainContent{
		padding-top:60px !important;
	}
}
@media screen and (max-width:768px){
	#MainContent{
		padding-top:65px !important;
	}
}

[niraj_patel]

Hello @Johnnycrev 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 #shopify-section-template--16575676842133__collection_list_YQMana .container-fluid.section-my {
     margin-top: unset !important;
 }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Johnnycrev · Accepted solution]

Thanks so much! Worked like a charm.

[niraj_patel]

welcome @Johnnycrev 😁
If my solution worked, accept and like my solution.

Thanks
 

[PageFly-Henry]

Hi @Johnnycrev 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file chunk.css

Step 3: Paste the below code at bottom of the file -> Save

main#MainContent {

    padding-top: 0 !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly