Image banner
Hi, I have question. I added css code for having two different banner pictures, one is for desktop and one is for mobile. For mobile it works fine, but for desktop there is picture and next to him is grey square for second banner. My shop is https://aris-customwear.myshopify.com/
Can you help me please? Thank you.
Hey @ArisCustomWear,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
@media only screen and (min-width: 990px) {
.banner__media.media.banner__media-half {
width: 100%;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hi @ArisCustomWear
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
.banner__media-half {
width: 100%;
}
</style>
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Hey @ArisCustomWear,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
@media only screen and (min-width: 990px) {
.banner__media.media.banner__media-half {
width: 100%;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hi @ArisCustomWear
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
.banner__media-half {
width: 100%;
}
</style>
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Community Blog Articles
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025
Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025