how to move shop now button to the middle center of the image
here is my link :https://b6448a-44.myshopify.com/
Topic summary
A user seeks help repositioning a “Shop Now” button to the center of an image on their Shopify store. They provide a store link and screenshots showing the current button placement.
A solution is offered involving CSS modifications:
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit code
- Locate the
image-banner.cssfile - Search for
.banner--stacked.banner--adapt .banner__contentclass - Replace the existing height property with
height: auto;andwidth: 100%;
The response appears partially corrupted or encoded (reversed text), but the core CSS adjustment targets banner content positioning to achieve center alignment.
Hello @ai41
Please follow the steps below after logging into the Shopify admin:
- Go to your Shopify Admin panel.
- Click on Online Store > Themes.
- Find the theme you want to edit and then click Actions > Edit code.
- Search section-image-banner.css
Search for “.banner–stacked.banner–adapt .banner__content“ in the file and replace the line:
height: auto;
with
height: 100%;
Please hit Like and Mark it as a Solution if you find our reply helpful.