Hey, I’ve been working in dawn theme for a while now but have just noticed that neither my collection title or description are displaying over the collection banner on the collection page.
I followed some advice here recently to add code which made the title image cover the full screen rather than just the right hand side, but I think this has now covered the collection text, which I still wish to display over the top (and centred) of this image, hopefully someone is able to help as I’ve tried everything and cant figure it out!
1 Like
Hi @rosiegore
Can you share your website?
You should have an option to show collection description when you Customize your theme
My store is at www.rosiegore.com
And yes, I have that option ticked, but cannot see either the collection name or description. I think it’s just displaying behind the image now because I have it stretched across the full screen, rather than just on the right hand side as it used to be (so I guess I just need the code to show the title and description on top of everything, if that is possible?!)
Hi @rosiegore
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Noah | PageFly
Hi Noah,
Thanks for the reply, I tried this out but it just reverts the style back to the original, with collection image on the right, and collection name on the left.
What I’m hoping to do here is have the collection image as a banner across the top of the screen (which I currently have added the code to do) and then have the collection name and description as a text overlay on top of this (this is the bit I need now), centred.
Thanks
Rosie
Hi @rosiegore
So sorry about that.
I have checked on your page and now it is showing perfectly like that.
Please let me know if you need other helps
Thank you
For that one I actually set up a custom collection page with a regular image banner (rather than a dynamic collection banner that I want). This one actually uses my default collection template, you’ll see no title/description there.
Hi @rosiegore
Can you try this code to check if its work or not
Hey, thanks but this isn’t quite right either, I can now see the text on top of the image, but the collection header image is only on the right hand side of the banner and not across the entire top, like you have pictured above (which is exactly how I want it!)
Sorry, the correct code should be this one:
Hope this can help you solve the issue
That’s amazing, thank you! The only other thing I would ask is if the header text could be in white colour, is that possible?
Thanks again
Oh and also now there is a large amount (maybe the same size as the image itself) of white space below the banner before the collection starts, could we remove that too please?
