Shopify themes, liquid, logos, and UX
Hey, i have added a custom liquid image under my product info but it looks weird on mobile, can i hide it only on mobile?
Solved! Go to the solution
This is an accepted solution.
Go to your Online store > Themes > open theme.liquid file, add this code before </head> tag
<style>
@media (max-width: 767px) {
.product__info-container > img { display: none !important }
}
</style>
- Solved it? Hit Like and Accept solution or ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hey @chrxskalitta
Could you please provide your Store URL and, if applicable, the Password too? Also, a screenshot of the exact image you're talking about. Your cooperation is greatly appreciated!
Best Regards,
Moeed
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hey @chrxskalitta
Can you share a screenshot of the image that you want to hide on mobile?
yes here, under the payment badges
Hey @chrxskalitta
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
div#__pf {
display: none !important;
}
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Like the other Guys solution same problem, when I put the code in my whole description is hidden on mobile but the image is still there
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
@media screen and (max-width: 769px){
div#__pf {
display: none;
}
}
when I put the code there my whole description is hidden on mobile but the image is still there
This is an accepted solution.
Go to your Online store > Themes > open theme.liquid file, add this code before </head> tag
<style>
@media (max-width: 767px) {
.product__info-container > img { display: none !important }
}
</style>
- Solved it? Hit Like and Accept solution or ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025