Goal: Show slideshow first and then rich text on desktop, but show rich text first and then slideshow on mobile by hiding one rich text section per device type.
Key solutions:
Notes:
Outcome: The requester confirmed the solution worked. No further questions; issue appears resolved.
As I said, We need to hide the first Rich text section on desktop, and the second on Mobile.
On Mobile, we want the rich text section and then the slideshow.
On desktop, we want the slideshow first and then the rich text section.
this is my store link: https://gioto-1308.myshopify.com/
Can you help me?
thanks
Hey @Mdb_Gioto
Follow these Steps:
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @Mdb_Gioto
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width: 749px) {
div#shopify-section-template--19215236301067__rich_text_HA3DLR .article.use-alt-bg.fully-padded-row--small.cc-animate-init.-in.cc-animate-complete {
display: none;
}
}
@media only screen and (max-width: 749px) {
div#shopify-section-template--19215236301067__rich_text_dX7fGc {
display: none;
}
}
And save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
thank you so much
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
