Shopify themes, liquid, logos, and UX
I have 3 x Image Banners with text on my site and I would like the text to be the full width of the screen, not condensed into the centre as it is now. I have tried multiple solutions found on the Shopify forum but none have solved my problem.Above is one of the Image Banners that are on my website. Is there a solution available where the negative space to the left and right of this text box is filled?
Many thanks.
Solved! Go to the solution
This is an accepted solution.
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (min-width: 750px) {
.banner--content-align-left.banner--desktop-transparent .banner__box{
max-width: 100% !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
This is an accepted solution.
You're very welcome! I'm delighted that the solution was helpful. Feel free to reach out if you need any further assistance in the future. If you found this information valuable, I'd be grateful if you could give it a thumbs-up.
Hello @alfiescoffeeco
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.
This is an accepted solution.
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (min-width: 750px) {
.banner--content-align-left.banner--desktop-transparent .banner__box{
max-width: 100% !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Works perfectly - thank you for your help!
This is an accepted solution.
You're very welcome! I'm delighted that the solution was helpful. Feel free to reach out if you need any further assistance in the future. If you found this information valuable, I'd be grateful if you could give it a thumbs-up.
Hello, following on I have another query regarding customising the product pages of my shop. Is it best to create another thread for this, or continue here?
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025