Move button on image banner

[samueljoonjung]

How do I move the shop all button from the bottom to where I want it as indicated by the arrows? This only applies to mobile. There is no button for desktop. My URL is www.whosociety.com

[Bundler-Manuel]

Hi there @samueljoonjung You should check out this YouTube video here https://m.youtube.com/watch?v=BNJ5COndKrg and let me know if it helps you sort out your issue.

[Moeed]

Hey @samueljoonjung

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[tim_tairli]

No need for coding – Turn off “Container” in “Mobile layout”:

May want to add something like this to the “Custom CSS” section setting to control vertical position:

.banner__buttons {
  top: 50px;
  position: relative;
}

[DrewOswald]

Update the 3 settings in the Image Banner section shown here:

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

[websensepro]

Hi @samueljoonjung

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media screen and (max-width: 768px) {
.banner__media.media.scroll-trigger.animate--fade-in {
    position: relative;
}
   .banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
    position: absolute;
    z-index: 11111111111111 !important;
    top: 67%;
    right: 25%;
}
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!