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
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
@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!
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