How can I hide a custom liquid image on mobile view only?

Solved

How can I hide a custom liquid image on mobile view only?

chrxskalitta
Tourist
12 0 4

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?

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

Hi @chrxskalitta 

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>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 10 (10)

Moeed
Shopify Partner
4361 1123 1378

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

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

ZestardTech
Shopify Partner
5636 1031 1359

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
chrxskalitta
Tourist
12 0 4

https://izzyfit.de/products/hula-hoop

 here is my store, no password needed

Moeed
Shopify Partner
4361 1123 1378

Hey @chrxskalitta 

 

Can you share a screenshot of the image that you want to hide on mobile?

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
chrxskalitta
Tourist
12 0 4

yes here, under the payment badges

Bildschirmfoto 2023-10-17 um 08.46.22.png

Moeed
Shopify Partner
4361 1123 1378

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

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
chrxskalitta
Tourist
12 0 4

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

ZestardTech
Shopify Partner
5636 1031 1359

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
chrxskalitta
Tourist
12 0 4

when I put the code there my whole description is hidden on mobile but the image is still there

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

Hi @chrxskalitta 

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>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.