Removing White Spaces between the Sections (URL: motormemories.de , Password: 123)

Shopify Discussion
1

Hey Guys,

iam currently facing the problem that there are huge white spaces in between the different sections, so when the customer comes to the product page on mobile he has to scroll a lot. On Desktop its fine iam just facing this problem on mobile. (see attached screenshots)

Does anyone have an idea on how to reduce or fully remove those white spaces?

That would be very helpful! Thanks a lot for reading

(Additional to that, how do i remove the “inkl MwSt, Versandkostenlos” line?) → marked in blue circle

Greetings from germany,

Fabian

MotorMemories_0-1696073847550.png
MotorMemories_0-1696073847550.png1920×968 182 KB

MotorMemories_1-1696073896940.png
MotorMemories_1-1696073896940.png1416×909 88.9 KB

2

Hey @MotorMemories

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

Hey Mooed,

the URL is (motormemories.de) → password: 123

4

Hey @MotorMemories

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1696080360552.png
Moeed_0-1696080360552.png380×684 42.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Hello Moeed,

that worked, thanks a lot!

Additional if you look in the first screenshot of my thread then you find also a Huge Gap between the Product-Image and the “Erschaffe dein Kunstwerk” Title, how do i reduce the gap for this :D?

Thanks a lot for your help sir!