Page title transparent in header

[sylvianka]

Hi,
I’d like to have an responsive image in the header, where the page title is. I used this custom css to mage the header taller:
.page-heading {
padding-top: 60px;
padding-bottom: 60px;
margin-top: 0;
margin-bottom: 0!important;
position: relative;
text-align: center;
border-bottom: 1px solid transparent;
border-top: 0!important;
}
but I don’t wan’t the tile of the page (h1) to be visible (like in the screenshot). Can I make it transparent? How? Or is there and easier way to use an image in the header. I don’t want to use the Revolution slider for just one static image.
I’d appreciate your help.

Attachments:

You must be logged in to view attached files.

[sylvianka]

I know that in “page options” there is “hide page title” , but in my case it doesn’t help, since when I check it, the image within the header disappears as well.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
.page-heading h1{display:none !important;}

Thanks
Mohammad