How can I fix a spacing issue on a single mobile page?

Store Design
1

Hi All,

I have a spacing issue on only one of my pages. affects mobile only https://label-source.co.uk/pages/submission-form

this is theme Prestige, URL https://label-source.co.uk/

Can the first drop down box be moved closer to the page title but not on any other pages on my site?

Screenshot 2022-09-16 at 14.04.26.png
Screenshot 2022-09-16 at 14.04.26.png397Ɨ825 29.4 KB

Thank you,

Daniel

2

@Danielparsons - add this css to the end of your theme.css file and check

#shopify-section-template--14795385700394__main .PageHeader{margin-bottom: 0;}

#shopify-section-template--14795385700394__main iframe{margin-top: -30px;}

suyash1_0-1663334286730.png
suyash1_0-1663334286730.png1366Ɨ768 120 KB

1 Like
3

Hi @Danielparsons

Iā€™m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css->paste bellow code in top of file

.PageHeader {

margin-bottom: 0 !important;

}

.form-container {

padding-top: 0 !important;

}

It will look like this: https://prnt.sc/fcnTAEkCbErj

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

4

Hi @suyash1 I checked back today and now this no longer seems to be working?

5

@Danielparsons - was the section deleted/newly added?

please check if css still exists in the css file