Hi,
Does anyone know how to adjust the position of the heading and buttons inside of an Image Banner? For example, on Desktop I set the desktop content position to Bottom Center, but I want them to be even closer to the bottom of the banner. And on mobile, I want these items positioned close to the bottom of the Image Banner, but I’m not even seeing this content position option for mobile.
For reference, here is the design I’m trying to achieve (on the left), and what I’m seeing in Shopify (on the right)
Thanks in advance!
Hey @eskimoquinn ,
Can you share the link to your store please? Thanks
Sure!
Here’s my store (currently still a WIP): https://hdtees.com/
Hey @eskimoquinn ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hi @eskimoquinn ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
But I think on the home page then you need more buttons: 1 button for CTA and 1 button to go to the collection page. the button CTA will help the customer visit the product page or purchase the product quickly and increase traffic and sale
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hi I tried this but not seeing any changes on my page. Same with Oliver’s solution too.
Thanks for the help!!
Can you share a screenshot of where you pasted the code? @eskimoquinn
