Shopify themes, liquid, logos, and UX
Hello
I want to change the placement of my text and button from my image banner to the middle down the image on mobile..
and also change the text color..
Plus is there a way to change the size of the button on mobile only?
thanks for the help!
website: r1vrxk-m4.myshopify.com
password: wirul
here a screenshot of my image banner
Solved! Go to the solution
This is an accepted solution.
Hi @LeandroS
Is there anything else that you need help? If not, if our answer solved your original problem, please give us a like and mark it Solution. We will be really appriciate
Best,
Daisy
HI @LeandroS
To complete your requests, please follow these steps:
Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
Paste the code provided into the Custom CSS section.
@media screen and (max-width: 768px){
.banner__content {
align-items: flex-end !important;
}
.banner__box.content-container * {
color: red !important;
}
.banner__buttons a {
border: 1px solid red !important;
}
.banner__buttons a::after {
box-shadow: none !important;
}
}
Here is the result:
I hope this helps
Best,
Daisy
thanks! that worked!
is there a way to make the button size smaller on mobile?
Hello @LeandroS,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css Add the provided code at the end of the file.
@media (max-width: 768px){
#shopify-section-template--23936902037831__image_banner_8gM7iV .banner__buttons a {
padding: 0px !important;
}
}
This is an accepted solution.
Hi @LeandroS
Is there anything else that you need help? If not, if our answer solved your original problem, please give us a like and mark it Solution. We will be really appriciate
Best,
Daisy
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