Shopify themes, liquid, logos, and UX
Hey, how do i fix this problem? I tried multiple codes i found on here, none of them worked. (taste theme)
https://6ec26c-7f.myshopify.com
I want it to look like this
Solved! Go to the solution
This is an accepted solution.
@TvojTatkovSyn, I think you make some changes in your theme, please replace the previous code by this one
<style>
@media only screen and (max-width: 500px) {
#Banner-template--23806452269405__image_banner_QraQyH .banner__content {
position: absolute!important;
}
#Banner-template--23806452269405__image_banner_QraQyH .banner__media img {
aspect-ratio: 3/1;
object-fit: cover!important;
position: relative!important;
}
#Banner-template--23806452269405__image_banner_QraQyH .banner__media {
position: relative!important;
}
}
</style>
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>
<style>
@media only screen and (max-width: 500px) {
#Banner-template--23806452269405__image_banner_QraQyH .banner__content {
position: absolute!important;
}
#Banner-template--23806452269405__image_banner_QraQyH .banner__media img {
aspect-ratio: 3/1;
object-fit: cover!important;
}
}
</style>
Result on mobile:
If it helps you, please like and mark it as the solution.
Best Regards 😊
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
The banner is gone xD
This is an accepted solution.
@TvojTatkovSyn, I think you make some changes in your theme, please replace the previous code by this one
<style>
@media only screen and (max-width: 500px) {
#Banner-template--23806452269405__image_banner_QraQyH .banner__content {
position: absolute!important;
}
#Banner-template--23806452269405__image_banner_QraQyH .banner__media img {
aspect-ratio: 3/1;
object-fit: cover!important;
position: relative!important;
}
#Banner-template--23806452269405__image_banner_QraQyH .banner__media {
position: relative!important;
}
}
</style>
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
It worked!! Thanks a lot
Glad to help you!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024