Shopify themes, liquid, logos, and UX
I would like to figure out how to drop the text in the banner further to the bottom. I can select bottom centre but on mobile it drops it right in front of the image so its not easy to read. Tried to edit code to no avail.
Hey @fineedge
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
.banner__content {
align-items: flex-end !important;
}
.banner__box {
padding-bottom: 20px !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @fineedge
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
.banner__content.banner__content--bottom-center.page-width {
align-items: end !important;
}
.banner__box.content-container.content-container--full-width-mobile.color-background-1 {
padding-bottom: 12px !important;
}
Result
Best,
DaisyVo
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025