Shopify themes, liquid, logos, and UX
there is a clash with my photo text and my shop all button
can i move the button down?
Solved! Go to the solution
This is an accepted solution.
Hello @Andia
Thank you for reaching out to the Shopify community.
Here are the steps to align the button at the end of the banner on mobile devices.
1. Navigate to the theme editor Online Store -> Themes -> Edit Code.
2. Search for the asset named as section-image-banner.css, open the file and search for the below code:
.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: 34rem;
}
Replace the above code with:
.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: 34rem;
align-items: end;
}
Save the changes and please have a check once. Let me know if this was helpful.
Thanks.
This is an accepted solution.
Hello @Andia
Thank you for reaching out to the Shopify community.
Here are the steps to align the button at the end of the banner on mobile devices.
1. Navigate to the theme editor Online Store -> Themes -> Edit Code.
2. Search for the asset named as section-image-banner.css, open the file and search for the below code:
.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: 34rem;
}
Replace the above code with:
.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: 34rem;
align-items: end;
}
Save the changes and please have a check once. Let me know if this was helpful.
Thanks.
thank u!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025