How do I move a Shop Now button on Turbo Out of the Sandbox theme

[randf]

I want to move the Shop Now button on my homepage slideshow to be underneath the images but centered and above the text "Explore our Exciting collections today"

Theme is Turbo out of the sandbox theme (sorry it won't me attach an image)

www.reggieandfriends.com.au is my website

[BSSCommerce-HDL · Accepted solution]

Hi @randf,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
@media screen and (min-width: 768px) {
  .caption.position-left:has(.caption-content) {
    top: 80%;
    left: 45%;
    position: absolute;
  }
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[randf]

This worked, thank you so much!!

[randf]

I just realised for mobile devices the shop now button is not centred. How can I make it centered for mobile too but in the same place

[BSSCommerce-HDL]

Hi @randf, Can you kindly share the details of your problem (screenshot) with us? We will check it and suggest you a solution if possible.

[randf]

See attached. The shop now is off to the side and should be centered there so needs moving to the left on mobile devices. Desktop devices it's fine

[BSSCommerce-HDL]

Same as previous, you can try at Step 3: Insert this code above </head> tag: 

<style>
@media screen and (max-width: 767px) {
  .caption.position-left:has(.caption-content) {
    top: 78%;
    left: 34%;
    position: absolute;
  }
}
</style>

 Here is result: 

Hope this can help you

[randf]

I tried that and it seemed to move it to the middle centre. It's still shows off centre for mobile devices it's only working for desktop

[randf]

[randf]

Also, looking on a desktop at a different size screen, the shop now just isn't in the center of the slideshow, its off, it should site central to the chicken picture as that is a centered picture. Mobile device I cannot get it to look central. I will have to remove it soon if I cannot get it sorted as it looks daft 😞