Changing the title size

Good morning,
I would like to reduce the title size on the page (Clean. Pixel. Illdy.).

hey there
Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS
#header .bottom-header h1 {
font-size:30px;
}
Thanks!
Colorlib Support Team

Hi,
thanks for the answer.
I would like the changes to show only on the phone (if possible), but now the changes only show on the computer.
Please help.

Hi There,

Thanks for the follow-up.

To have the image only affect the mobile screens, kindly switch the CSS code to the following.

@media only screen and (max-width: 992px) {
#header .bottom-header h1 {
font-size:20px !important;
}
}

Let me know how it goes.

Hey there

You can wrap your css code into the media query:

@media only screen and (max-width: 600px) {
#header .bottom-header h1 {
font-size:30px;
}
}

Thanks, it’s working.

Hi, there

I will close this case now, Feel free to contact us again if you have other questions

Thanks!