css displays on blog posts but not on /blog

Hi,

I'm a bit stumped. My custom css is showing up on all pages  (e.g. nomnomvomvom.com/about)  but not on the main blog feed or in the individual blog posts.

There's not much css styling but what's missing is the narrower blog column. All other pages have the correct, narrow body format but the /blog and individual posts are inexplicably wider.

In my general blog settings the format is set to "single-column blog".

I can't figure out what I've done wrong or how to fix it.

Last note: in the page editor, the individual blog posts show up formatted correctly but they do not on the live site. The /blog feed formatting is off in both the editor and live

Thanks!

See custom css below (this lives in the custom css section)

*{
      background-color: white;
}
.blog-single-column {
    flex: 1;
    padding-top: 0;
  padding-bottom: 12vw;
}

.sqs-block-html>*:last-child p {
   margin-bottom: 18px;
}

.header-display {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 767px)
 { #logoWrapper #logoImage img, #siteTitleWrapper #logoImage img {content: url("https://static1.squarespace.com/static/5f19e255dbffaf37208d4347/t/5f1cb4de1849fd6f6963b542/1595716830508/nnvv-mobile-logo.png") !important;}}

Hi. Have you solved it yet?

Not yet 😞 Still looking for answers and making tweaks!

* {
   background-color: white !important;
}
.blog-single-column {
    flex: 1 !important;
    padding-top: 6vw !important;
    padding-bottom: 6vw !important;
}
.sqs-block-html>*:last-child p {
    margin-bottom: 18px !important;
}
/* this code is incorrect - ss changed .header-display to .header-display-desktop and .header-display-mobile */
.header-display {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 767px) {
.header-title-logo a {
    content: url(https://static1.squarespace.com/static/5f19e255dbffaf37208d4347/t/5f1cb4de1849fd6f6963b542/1595716830508/nnvv-mobile-logo.png) !important;
}
}

I answerd your email.

Your code has some incorrect code.