How to show content only on phone or desktop?

Shopify Discussion
1

How to show content only on mobile or desktop in refresh mode?

Dear professional coders/editors, I really need your help with this one.

thank you

2 
@media screen and (min-width: 750px) {
  .d-lg-none {
    display: none !important;
  }
}
@media screen and (max-width: 749px) {
  .d-m-none {
    display: none !important;
  }
}

Hello.
Above is a piece of css code I gave you, you can find your theme.css (theme.css.liquid) file, this file is under the assets directory. Then put it at the bottom of this file.

Then add a class name of (d-m-none) to the elements you need to display only on desktop; add a class name of (d-lg-none) to the elements you need to display only on mobile.

I hope this helps you solve your problem!

3

Hello @DanGadgets

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you? And don’t forget to show me where you need to work.

Kind & Best regards,
GemPages Support Team