Hi, I am trying to get the subheading to go underneath the heading. For some reason, the subheading is above the heading in my theme. This can be seen in the gallery section on the homepage.
Here is my store link.
Topic summary
A Shopify store owner using the Canopy theme is experiencing an issue where subheadings appear above headings in the gallery section of their homepage, contrary to their desired layout.
Current Status:
- The problem is visible in the image gallery section
- One user suggests this may be an intentional style choice in the theme
Proposed Solutions:
- Contact Clean Canvas (the theme designers) for official support, as changing this likely requires custom code
- Apply custom CSS code targeting
.image-overlaywith flexbox properties (flex-direction: columnandjustify-content: flex-end) to reverse the order
Resolution: The discussion remains open with a potential CSS fix provided but not yet confirmed as working.
Hey!
We also use Canopy, and I think the section you are referring to is set that way as a style. From what I can see, without adding some custom code I do not believe there is a way to change it. The best people to reach out to for this may be the theme designers at Clean Canvas. The support link for the theme is this: https://support.cleancanvas.co.uk/hc/en-us/categories/360000282397-Canopy
Good Luck on your store! Looks good so far 
This is Henry from PageFly - Landing Page Builder App
I can’t find any sections with subheadings on your page. Could you send me a screenshot?
@PageFly-Henry If you scroll down the page there are images that say subheading and heading. The subheading is always above the heading.
You can try with this code:
.image-overlay {
justify-content: flex-end !important;
flex-direction: column !important;
}
1 Like