How can I adjust button alignment for different images on desktop and mobile?

Hi. Anyone knows how to have different images for desktop and mobile, because as you can see, the button is covering my text? Or is there any way I can move the button or make it smaller on mobile? Big thanks

Hello @MartenR

This is GemPages - A powerful Page Builder. There’s a way use code to move or reduce the size the button. Butmay I know your URL store and store password (if your store has password protected)? I will check your template and give you the best solution :grin:

Kind & Best regards!
GemPages

Hello @GemPages

I removed the password. URL:

yourbabyplanet.com

The main problem is especially with mobile website.

Hi @MartenR

In this case, please go to Online Store > Themes > click 3 dots button > Edit code https://paste.pics/edit/JQ278 and add code above the tag on the file theme.liquid https://paste.pics/1cb837a2f19b41c251442fca1c34e2cd


Work result: https://prnt.sc/4cPS4NA_sfau

Hope my recommendation can works and support for you! :grin:
Kind & Best regards!
GemPages

Hello @GemPages

I added the code above the tag but nothing changes.

I should also mention that I made this slide with Canvas Pro. I added the Heading and subheading with canvas and deleted headings on shopify.

Hi @MartenR

Oh, I re-check my code. It has a small error in my code :sad_but_relieved_face: . I update my code like this


May you re-add my new code on your file theme.liquid? :grin: Hope my new code can fix that problem

Kind & Best regards!
GemPages

Hello @GemPages

It works now. Thank you very much!!

Hi @MartenR

My pleasure to support you :face_blowing_a_kiss: . Thank you so much :heart_eyes: