Frontpage header text and buttons

Hello, i’d like to make my front page header text and buttons responsive to the mobile version, there is a css code to do this? my site is Embedded Solutions
thank you for you support!

Hello,

I hope you are doing well today.

You can use the following CSS code to change the font size on mobile by going to Appearance > Customize > Additional CSS and pasting it there.


@media only screen and (max-width: 900px) {

#header .bottom-header h1 span {
    font-size: 29px !important;
}

#header .bottom-header .header-button-one, #header .bottom-header .header-button-two {
    min-width: 214px;
}

}

Best Regards,
Support