RatherGood

Any way to centre the banner image in the container?

This works for the nav, but I still need a max width for banner/banner overlay that doesn't affect small views. This is what I have for that (I've applied it for preview purposes), but small screens look like attached screen cap and banner image is aligned top .banner-thumbnail-wrapper #thumbnail img { max-width: 1400px !important; width: 100vw !important; height: auto !important; margin: 0 auto !important; display: block !important; top: 0 !important; } .banner-thumbnail-wrapper #thumbnail { background-color: #FFF; } .color-overlay { max-width: 1400px !important; width: 100vw !important; height: auto !important; margin: 0 auto !important; display: block !important; top: 0 !important; }

Bedford and can't find anything for site/page width

To view: https://owl-kale-7yxa.squarespace.com PW: %%%753

It's not live... But: https://owl-kale-7yxa.squarespace.com/config/

I've been able to add CSS to set max width for the banner and overlay, but it doesn't center the image or work with small screens, AND then I still have to deal with the menu/brand ares (see screencaps). I'm thinking that setting a maximum width for the site that applies to banner (and overlay) menu page content galleries etc. But I can't seem to track down appropriate CSS. (Note: I'm a designer, not a developer or programmer, so this is part of my ongoing learning experience.)