Hi there,
I’m trying to change the height of the header and to reduce the padding of the post and page title.
This because expecially on mobile the title goes beyond the backgound space and hides the below part as showed on the attached image
Thank you for your kind support
Hi there
Hope you are having a good day and thank you for your question
In order to check your question i need to see your live website, please provide url and i will take a look
Thank you for your kind reply. I found a partial solution using additional css.
I could reduce the title font size and the header size.
But in spite of this, the title on mobile is still on the beyond part.
The specific link is Una giornata speciale all'Ecampus
And the header image is not responsive as you can see on the home page
Thank you again
hey there
Please add this CSS in appearance - customize - additional CSS
@media screen and (max-width: 500px){
body #header .bottom-header h1 {
line-height: 35px;
font-size: 28px;
}
}
@media screen and (max-width: 768px){
body #header .bottom-header h1 {
line-height: 54px;
font-size: 36px;
}
}
Thanks!
Colorlib Support Team
Thank you very much for your support!
I have on additional CSS this code:
/resize heading/
@media (max-width: 550px){
.custom-header {
background-size: contain;
height:200px !important;
}
Do I have to remove it and sobstitute it with the code youi sent me?
Thank you
No, your code is not related to the code I created for you, you can keep them together