How can I lower the 'Shop Now' button on my mobile site?

Hi! I need to move the “Shop now” button, so it seats in between two lines – the white text and the dark text.
Please help me do this, I couldn’t figure out the code.
website: arrowheart.store

Hi @manchinii

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 | PageFlyG

@media screen and (max-width: 749px){
.banner__content{align-items:flex-end !important;}
.banner__box{padding:7rem 3.5rem !important;}
}

I’m currently set at 7rem from the bottom! If you want to go further down you can reduce the first parameter of the padding, which is 7 in my case!

Hope that helps!

Hi @manchinii ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

  1. add my code above the tag on Theme.liquid:

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

1 Like

Hi!
You must be into some kind of voodoo stuff, cause it did work perfectly!
Thank you bunches