Adjusting Home-Page Banner Box Text Font Size to Optimize Mobile Layout

Greetings,

I’ve been able to adjust the upper Text font size to fit mobile interface’s optimally,
but I cannot find the correct CSS to optimize the rest of this Banner Box.

The website is:

The theme is: Refresh

I’m looking to change the font size for the text beginning with “Welcome to” and ending with “California Location’s!” in order to optimize the home page for mobile interface.

I’ve included a screen shot showing the current CSS and affected change in YELLOW,
Along with the needed mobile-only font size adjustment CSS in RED.

Thank You dearly coding enthusiasts!!

-xxklsv team

1 Like

Hi @xxklsv

Are you familiar with the code? You can add this code inside on the media queary.

Youll notice the code on the Custom Css youve shown on the SS.

There must be 2 closing } curly bracket below !important it should

@media only screen and (max-width: 680px) {
    .banner__box > *:first-child {
        font-size: 3rem !important;
    }
    .banner__text.rte {
        font-size: 2rem;
}
}

And Save.

result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Wow , Fantastic!

Thank You very much for your time and service,

I Wish You All the Best :folded_hands:

-xxklsv team