How do I shrink the header image for mobile view on unite 2 theme?

[Collin_S]

I need help sizing down the header image for mobile view with the unite 2 theme. I have successfully done this in the Birdseye 2 theme. (See screenshot below, picture with the house). But can't get it to work with Unite 2 theme. The code I used to successfully achieve this was done with: 

@media (max-width: 992px) {
    body.header-page {
    font-size: 40% !important;
    }
}

This code was inserted in the bottom of _global.less. If anyone would have some insight on how to achieve this on unite 2 theme. I also have posted a picture of what it looks like without the code working. 

 

[Bernadette3]

Hi @Collin_S Just so that I'm understanding you correctly, you want to resize the header on the right to be the same size as the header on the left? But you want to keep the title and text content, correct? 

[Collin_S]

Hi @Bernadette . I would like both the image and text to scale down to fit the screen better like the one on the left does.