Hero Section Button Re-position - Refresh Theme

[R4444]

Hi guys, I’m building a first draft of my shop, and this is my preview:https://t9c170iarq2kmdb7-58859454531.shopifypreview.com

I’d like to move the “Shop” button in my hero banner to the centre of the left rectangle. And maybe having an option to move it a bit lower if there is an image with text in that rectangle in the future.

(btw, is every theme have its own solution for similar action? because I’ve tried other people’s code but didn’t see the result I’m looking for.)

Thank you so much!

[R4444]

hey thanks for the reply! How can I apply the change to my shop? Do I need to edit code or theres a way to do it on the basic interface?

[Vinsinfo]

@R4444 Please follow below steps to display the “Shop” button at the center of the left container. Let me know whether it is helpful for you.

1. From admin, go to “Online Store” → “Themes”.
2. Click “Customize” button from the current theme.
3. Select the “Image banner” section and paste below code in the “Custom CSS” field.

@media screen and (min-width: 750px) {
  .banner__content {
    width: 50% !important;
    justify-content: center !important;
    margin: 0;
  }
  .banner__content .banner__box.content-container {
    text-align: center !important;
  }
}

Result will be like below,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

[R4444]

Hey man, thank you so much for this! Effective and easy to follow. Really help me out:)