Blog page header shows differently on mobile

Hi,

Upon checking what my blog page looks like on mobile, I’ve noticed it features the same picture I have as my first slider header on my homepage. How do I remove this?

(The way it looks on PC is fine).

The URL for the page in question is https://www.freshstartnaturalmedicine.com/blog/

Thanks a lot

Hi,

Sorry for wasting your time, I have just figured it out!

Hello there,

Please add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


@media only screen and (max-width:1024px) {

  .blog .header-inner {
    display: none !important;
  }

  .blog .page-wrap {
    padding-top: 0;
  }
  
}

Regards,
Kharis