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

Store Design
1

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

IMG_3417.JPG
IMG_3417.JPG1080×1920 194 KB

2

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

PageFlyVictor_0-1673919060098.png
PageFlyVictor_0-1673919060098.png400×225 38.4 KB

Hope this answer helps.

Best regards,

Victor | PageFlyG

3 
@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!

4

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:

GemPages_0-1673920009732.png
GemPages_0-1673920009732.png400×162 25.3 KB

  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
5

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