Solved

Image banner

ArisCustomWear
Visitor
1 0 0

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.

Snímek obrazovky 2024-04-04 v 14.41.12.png

Accepted Solutions (2)

ThePrimeWeb
Shopify Partner
2129 609 474

This is an accepted solution.

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.

ThePrimeWeb_0-1712235001229.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

theycallmemakka
Shopify Partner
1495 337 361

This is an accepted solution.

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>

theycallmemakka_0-1712235132428.png

 

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
2129 609 474

This is an accepted solution.

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.

ThePrimeWeb_0-1712235001229.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

theycallmemakka
Shopify Partner
1495 337 361

This is an accepted solution.

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>

theycallmemakka_0-1712235132428.png

 

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com