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
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!