How to remove a banner but keep the thumbnail on Supply Template?

Site URL: https://www.taryngarrett.com/

Hi there! 

I'm refreshing my portfolio site, and under the 'bits + pieces' navigation heading I've been adding blank pages with gallery blocks (laid out as carousels). However, doing it this way I learned that it won't automatically create a thumbnail off the first image since they're nested in there, so I added a thumbnail under the Page Settings > Media but then it adds it as a banner as well. I really hate the banner; it looks clunky and bad, but especially because it sends it off to the right side of the page? Maybe because of my template? I would just skip all of this but I need to have a thumbnail. I've attached a picture of how it looks, or you can see one of those pages here.

Is there any way to add the thumbnail without the banner, or have the banner be at the top of the page where it's supposed to be? I might not mind it so much if it were there. Or custom code to get rid of the banner? I've tried quite a few but nothing has worked yet. Am I missing something really obvious? (probably haha).

I'm using the Supply template! Thanks in advance!

On 5/16/2021 at 1:19 AM, tuanphan said:

Try adding this to Design > Custom CSS

#thumbnail {
    display: none;
}
main#main {
    width: calc(~"100% - 240px");
}

 

That did it!! Thank you so much!!

Site URL: https://www.emma-l.co.uk

I'm also using the Supply Template and although I like the feature of the side banner; when I use a different display or increase the resolution (with the related impact on "display area"), the side banner resizes to fit the "display area" as opposed to the main content of my blog.
Is there a custom code that would ensure that the main content (the centre column) adapts according to the display area, as opposed to the side banner?

See attached pictures, labelled according to display resolution.