Re: make a text to be displayed only on mobile

Solved

make a text to be displayed only on mobile

orhl1234
Shopify Partner
110 0 9

I want this text to not be displayed on the desktop.

how can I do that?

i want to keep the mobile text.

orhl1234_0-1714126292688.png

 

https://bik9qypy29ca22s3-61846847737.shopifypreview.com

Accepted Solution (1)

LuffyOnePiece
Shopify Partner
650 93 119

This is an accepted solution.

Hi @orhl1234 ,

 

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>
@media screen and (min-width: 768px) {
  .swiper-slide--inner .slideshow-title-container {
    display: none;
  }
}
</style>

 

Please don't hesitate to reach out if you need further help optimizing or customizing your store. 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,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

View solution in original post

Reply 1 (1)

LuffyOnePiece
Shopify Partner
650 93 119

This is an accepted solution.

Hi @orhl1234 ,

 

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>
@media screen and (min-width: 768px) {
  .swiper-slide--inner .slideshow-title-container {
    display: none;
  }
}
</style>

 

Please don't hesitate to reach out if you need further help optimizing or customizing your store. 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,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184