Shopify themes, liquid, logos, and UX
Hi everyone, I really need to remove the buttons and text from the image banner on mobile, since the text and buttons go under the picture, instead of on the picture. On the picture does not look good on mobile in my opinion, so I want to remove it entirely without getting rid of the picture.
My website is: https://filtrina.com/
I have already tried inserting the following code in my base.css file with no luck:
@media only screen and (max-width: 749px){
.banner--stacked .banner__box {
display: none !important;
}
}
Any additional support would be very much appreciated, Thanks!
Solved! Go to the solution
This is an accepted solution.
Hi @Eman_Akb,
let try it
@media only screen and (max-width: 749px){
.banner__content .banner__box {
display: none !important;
}
}
Result:
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
This is an accepted solution.
Hi @Eman_Akb,
let try it
@media only screen and (max-width: 749px){
.banner__content .banner__box {
display: none !important;
}
}
Result:
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
Hi @Eman_Akb,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
<style>
@media only screen and (max-width: 749px){
.banner__content.banner__content--middle-center {
display: none !important;
}
}
</style>
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | 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