CHartsell

@tuanphanOn mobile, the banner is getting horizontally cropped. Go to https://www.elevategsa.com/podcast to get a better idea since that banner image is less abstract. On the desktop version of the site it is getting vertically cropped. I've attached an image for you to see what's going on.

Hey again @tuanphan! I'm in the process of changing over to a different template family for my website. We are switching from York (Harris) to Brine(Brine) both 7.0. And the custom header you gave me for my blog is no longer working as a result. The code doesn't seem to have any effect on the page anymore. Here is the code that you gave me before that worked beautifully: <style> @media screen and (max-width:640px) { .page-banner-wrapper img { width: 100% !important; left: 0 !important; height: auto !important; } .page-banner-wrapper.page-banner-has-image { height: 75px !Important; } } </style> The banner images for the blog page (blog) as well as the podcast page (also blog) are getting aggressively cropped. I'd love if they were fixed to always have the image show in full with the image taking up 100% of the width of the screen. Could you help me make this work for my new template? Thank you so much! My website is www.elevategsa.com and "Blog" as well as "Podcast" have the banner issues described.

That worked perfect! @tuanphan Thank you so very much!

I'd love to toss my problem at you too @tuanphan since you've been able to save everyone else so much grief! I'm having trouble with my blog banner when being viewed from mobile browsers. It's being cropped badly and showing only the center of the image. The rest of the website looks fine, it's just the podcast banner image. My page that's in need of help: https://www.elevategsa.com/podcast