How can I remove blog post excerpts from summary blocks in mobile view only?

Site URL: https://www.designbycaitie.ca

I have blog post summary blocks on my main home page and within every blog post. The excerpts are fine on desktop but are too long and unwieldy on mobile. I haven't been able to find any code that disables/removes the excerpt from mobile view only.

Does anyone know how to do this?

26 minutes ago, KatieQ said:

Site URL: https://www.designbycaitie.ca

I have blog post summary blocks on my main home page and within every blog post. The excerpts are fine on desktop but are too long and unwieldy on mobile. I haven't been able to find any code that disables/removes the excerpt from mobile view only.

Does anyone know how to do this?

Add these code on Custom CSS Section

@media only screen and (max-width: 767px) {
  [data-section-id="62d6fd22883d450f0e483209"] {
    .summary-excerpt {
      display: none !important;
    }
  }
  [data-section-id="62857cb8a40e772c6bec8f48"] {
    .blog-excerpt-wrapper{
      display: none !important;
    }
  }
}