Remove the blank space on top of the page using Pagefly app and Dawn theme

Store Design
1

How can I remove the white space between the Pagefly custom section and the header as seen below:

juliandadang_0-1655813790366.png
juliandadang_0-1655813790366.png1364×257 127 KB

I’ve already researched this problem and added the suggest css to the custom code section in the Pagefly app as seen below:

.main-content {
	padding-top: 0px !important;
	margin-top: 0px !important;
}

This still did not fix the problem for me. Can anyone help?

Website: phattai.au

Password: EPIQMedia

2 Likes
2

@julian-dadang ,

.pf-c {
    padding: 0 !important;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

2 Likes
3

This worked, thank you very much!

4

Hi I just checked and it did not fix for mobile. Can you please help?

juliandadang_0-1655825311993.png
juliandadang_0-1655825311993.png522×292 51 KB

5

@julian-dadang ,

Why you inserted the code in media query , remove it and paste it at the bottom.

oscprofessional_0-1655875032430.png
oscprofessional_0-1655875032430.png2956×823 802 KB

6

How do I do that? I just pasted it in the bottom of base.css file. Where exactly there do I paste it?

7

@julian-dadang ,

Share your theme.css file

8

I don’t have that file?

juliandadang_0-1655884363227.png
juliandadang_0-1655884363227.png328×415 10.2 KB

9

Hi @julian-dadang ,

This is PageFly - Free Landing Page Builder. I figured out that you mark the solution but the page still has white space at the top. Do you still need help? If you have any further questions, feel free to let me know or you can contact our support team via Live chat to connect with us directly. We are there 24/7 to help.

Have a nice day! Cheers!

1 Like