Move Collection Description to Bottom of Page, But Keep Title On Top - Mobile

Store Design
, , ,
1

How do I get the Collection Description to show under the Product grid but keep the Collection Title at the top of the page? I want this for Mobile only. I am using the Trade Theme. Here is my website.

Screenshot 2025-04-18 at 22.35.28.png
Screenshot 2025-04-18 at 22.35.28.png934×1388 100 KB

:grinning_face_with_smiling_eyes:

2

Hi @jordanbford1

Please add this code to theme.liquid file and check if it works
3

You need to do this:

  1. Add a “Rich text” section below product grid. Remove all blocks other than "Text’ and set Dynamic source to “Collection Description”

Screenshot 2025-04-19 at 2.27.42 PM.png
Screenshot 2025-04-19 at 2.27.42 PM.png677×476 35.3 KB

  1. In the same section, edit “Custom CSS”:
@media (min-width: 750px) {
  .rich-text, .rte {
    display: none;
  }
}
  1. Go to “Collection Banner” section and edit “Custom CSS” there (first make sure “show description is checked”)
@media (max-width: 750px) {
  .rich-text, .rte {
    display: none;
  }
}
  1. Save and enjoy. No theme edit required – makes theme updates easy.
4

@tim_1 This work but changes it for desktop too and I am only want it to appear like this when viewing on mobile. Any way to can customize it to where on desktop it shows normally and on mobile it shows this was you put ^?

5

I do not see it applied at your store. This is how it looks in my test store: https://bbkmarket.myshopify.com/collections/all