How can I adjust text and button positioning on a smartphone landing page?

Hello I would like to increase the distance from the header to the text below so that the text does not overlap with the header. But this only in the smartphone version of the store without changing anything in the normal store for the desktop.
problem is also when I make the text away the button slides up

thanks for your help

Hello @le_X_Atelier ,

It’s the GemPages Support Team and we are glad to assist you today!

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

le-x-atelier.com and password is djerba

Hi @le_X_Atelier

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

Hello @le_X_Atelier ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team