Header size desktop versus mobile

[Joseph Lipski]

Hello Themevision and friends!
I have a question regarding the header image size. I have the header image set, and it looks great on desktop, but looking at it on mobile, it does not appear responsive (it looks very small).

Please let me know how to resolve the responsive discrepancy. I have included the link to our website privately for the moderators.

Thanks much!
Prayers for good health for all.

[Zex]

Hello, Joseph!

Actually, The header image is responsive, which is why it is small on smaller screen sizes…

But if you want your text bigger, try to insert the following code into

Customizing->General->Additional CSS:

@media only screen and (max-width: 680px) {
.wp-custom-header img {
    height: 150px!important;  
  object-fit: cover!important;
}
}

Please let me know if the code has helped you.

Best regards

Thank you for your good wishes. 🙂

[Joseph Lipski]

Hello! Thank you for this suggestion! It worked PERFECTLY for what we needed.

🙂

[Zex]

I’m glad it works. 🙂

Regards

[Chiquita Coetzee]

Can someone help me please?

I have the full pro version and my header on mobile and tablet are not responsive at all. This is very frustrating to me.

[Chiquita Coetzee]

Can someone help me please?

I have the full pro version and my header on mobile and tablet are not responsive at all. This is very frustrating to me.

[yuniz]

Dear Chiquita,

Problem has been solved. please kindly check and confirmed issue on your site.

Regards

[Author]

Posts