How can I adjust mobile alignment for image banner on Dawn theme?

On desktop, the button alignment is perfect. However on mobile, the button is stuck at the center. I need it to be at the bottom center. I tried contacting support etc. and they could not find a solution. Please help!

Hello @Tanvir11110 ,

It’s GemPages support team and glad to support 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

Thank you for reaching out. Here is the link: https://4b5a22.myshopify.com/

@GemPages

Hello @Tanvir11110 ,

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


For example,

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

Best regards,
GemPages Support Team

1 Like

@GemPages Thank you so much! It works perfect.

However, as the background image does make the button a bit hard to read, is there a way I can fill in the button color to make it solid orange background with white lettering?

Because the settings in this Dawn Theme are not allowing me to do so myself.

1 Like

Hello @Tanvir11110 ,

You could please try adding the below code before the in the theme.liquid file


Best regards,
GemPages Support Team

1 Like

It worked perfectly! Thank you so much.