Change Header Image on Blog Post for Mobile View
You’re not calling the class correctly. The container has both the page-banner and the bg classes, so you should write it like this: .page-banner.bg And the class post-id-41012 doesn’t exist in your document. postid-41012 does. So try this way: @media (max-width: 767px) { .postid-41012 .page-banner.bg { background-image: url(‘https://staging3.ryanlawn.com/wp-content/uploads/2021/09/ggob-blog-banner-all-star-2021-m.jpg’) !important; } }