Header size and title padding

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;

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