Can I move the 'Shop Now' button to the bottom of an image banner?

Store Design
, ,
1

2AC8A739-3619-4440-9D2B-EC92ACE3C437.png
2AC8A739-3619-4440-9D2B-EC92ACE3C437.png828×1792 116 KB

Good day. I’ll keep it short

is there any way of moving this shop now button to the bottom of the image banner ? Thanks :slightly_smiling_face:

2

@DAGNORAK - can you please share this page link?

3

DAGNORAK.myshopify.com

4

@DAGNORAK - add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
#shopify-section-template--18168922374464__image_banner .banner__buttons{margin-top: 20rem !important;}
}

suyash1_0-1680441796048.png
suyash1_0-1680441796048.png1366×768 137 KB

1 Like
5

Hello @DAGNORAK

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your assets/base.css theme file.

  3. Add the code at the end of the file:

@media screen and (max-width: 749px) {
  .banner__content  .banner__box.content-container
     align-items: end !important;
   }
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like
6

:sad_but_relieved_face: why it doesnt work for me please

my site : julibees.com

7

@Shawn512 add below css into base.css file

.banner__box.content-container.content-container--full-width-mobile.color-accent-1.gradient {
    position: absolute !important;
    bottom: 0;
}
1 Like
8

Coool!

I put this code to the custom CSS, also works!

9

Hey, Just jumping on this thread, as I’m looking to do something similar.

I want to move the button on my hero image section also further down towards the bottom.

Website is www.outshinegaming.com

If someone can help - please let me know