Making Text scale when on mobile

Illdy
1

Im trying to make the text that says “Opportunity” scale when on mobile
Is there a way to make the text smaller or make it scale when the browser is smaller?

Desktop

Mobile
Mobile1006×1600 132 KB

2

Hey there

I hope you are well today.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.
Admin Area -> Appearance -> Customize -> Additional CSS

/*reduce text size on mobile*/
@media (max-width: 550px){
  #header .bottom-header h1 {
  font-size:40px
  line-height: 44px;
 }
}

Best Regards,
Support

3

Hello Thanks for responding!
Ive added that to the CSS and I’m still having the same problem

4

here is the selector for the text

#header > div.bottom-header.front-page > div > div > div.col-sm-12 > h2