Background wrapper


Hi all - I'm a marketer who just inherited a website built on the HubSpot CMS that has an issue with the background in the banner area. Everything looks fine on desktop but see the attached screenshot for what it looks like on mobile

Arine Home Page Screenshot.png


It seems like the issue is here in the code: 

Screen Shot 2021-10-19 at 7.31.44 AM.png


HubSpot customer support suggested removing the vh in height, but when I tested that fix, it messed up the formatting of the rest of the banner.


Are there any other solutions here I can try?

2 Replies 2
Top Contributor

Welcome @WCole9,

could you please provide us with a link to the preview- or even a live page. I couldn't find the page with that banner.

With that we can help you more efficient and more specific.



- Chris



Hi @WCole9 , 


It's hard to diagnose the problem without a live example. Whatever changes you make to the class (.banner .banner-content-wrapper) make sure they're done within a media query for mobile sized screens like the one below (@media). This will ensure any changes you make won't affect all screen sizes. If you can send the link I can take a closer look. Cheers, Edgar



@media (max-width: 500px) {

.banner .banner-content-wrapper {}