By any chance, is there some CSS I could use to get the images I added to my collection descriptions to bleed off the site or get closer to the site edges on mobile? I love how it looks on desktop, but on the mobile site the padding seems to be contained within the description container...
Example URL: https://honorbrand.co/collections/butters
Any help would greatly appreciated!
Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question.
can you please share the issue sreenshot?
So I will check and provide a solution here.
Hi Ketan Kumar - Thanks for responding and no worries at all. I've attached a screen shot of the desktop version, which I like, and also the mobile version. You can see on the mobile version that the "beard butter" image isn't filling up the header space well. Ideally, I'd like to have this collection header image get closer to the menu bar on top and both right and left sides of the image to go to the edge of the site. These collection images are in the Collection Description box, not the "Collection Image." I'd like to keep them separate because some collections use two images depending on where we want them to show up on the site. And to clarify, I'd like this change to reflect on all my collection pages, if possible. Thanks for your help!
Hi @AnmolK - I just added this code and it seemed to break the site and keep it from loading. I played around with different versions of this code and it still isn't creating the results. Any other versions you can suggest?
/*================ RTE collection description ================*/
margin: 30px 40px 30px;
I just played with the margin numbers until I got it to where I liked it. Thanks!