Header Zoom help

Hey everyone!

First of all: Thank you for providing a beautiful Theme like Perth!

My Problem:

The headerimage that I added to our website has sort of a slogan on top of it. But since the headerimage is always zoomed in it will never display the text. No matter what I do.

The headerimage is an illustrator file so I was able to try out virtually every size etc., but it will just be always too zoomed.

Is there a way so that the header image area will just accept a resolution and display the image in full?

Thank you in advance.

Best wishes,

Alex

Hello there,

I would like to apologize in advance for delayed respond.

In order to achieve that objective, could you please try to add the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.header-image{
  background-size: 100% !important;
  background-position: top left !important;
}

@media only screen and (min-width: 461px) and (max-width: 598px){
 
  .header-image{
   height: 296px;
  }  
  
}

@media only screen and (max-width: 447px){
  .header-image{
   height: 213px;
  }   
}  

Let me know how it goes.

Regards,
Kharis

Thanks a lot!

It helped me with the zoom, but the picture is still not shown 100%.
The top of the picture is covered by the menu bar.

It’s an image and there is a text above the image itself. And you still cannot read the text, but only see the image.

Thank you in advance!

PS: Site is cell2cell.bccgi.com. You will be able to see the image with the green peoples silhouettes, but not the text that is actually above the image.

Hello there,

Thank you for updating me.

Try to move down the header background image by applying the following CSS code:

@media only screen and (min-width: 1025px){
 .header-image {
   background-position: 0 111px !important;
 } 
}

Let me know how it goes.

Regards,
Kharis

Thank you so much!

Worked perfectly!

Have a great day!

Regards,

Alex

Dear Alex,

Thank you for updating me.

Great! Glad to know that.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

I will surely do!

Thank you,

Alex