[Kell Shaw]

My header image isn’t entirely responsive to changes in browser window size.  The ends get chopped off when you reduce the size of the browser window. The ends of the image also get chopped off when viewed on tablet or phone. Is there away to make the entire header image appear in tablet and phone modes, and also on desktop when the browser window size is adjusted? It’s https://kellshaw.com/

[Cor Kevenaar]

Same problem here, I’ve already had it with several sites, What I have seen is that we are not the only ones. I hope that within the supplier there is now a good solution for this, I do see a number of tips where you can solve it yourself with css, but I don’t think that is the intention

[vako]

Hi Kell,

 

Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

@media screen and (max-width: 979px) {
.entry-header {
height: 240px !important;
}
}
@media screen and (max-width: 880px) {
.entry-header {
height: 200px !important;
}
}
@media screen and (max-width: 697px) {
.entry-header {
height: 170px !important;
}
}
@media screen and (max-width: 593px) {
.entry-header {
height: 140px !important;
}
}
@media screen and (max-width: 491px) {
.entry-header {
height: 120px !important;
}
}
@media screen and (max-width: 419px) {
.entry-header {
height: 100px !important;
}
}

 

Kind Regards

[vako]

Hi Cor,

 

Please share your website URL and we will create custom CSS snippets for you.

 

Kind Regards

[Kell Shaw]

Thanks Vako – this looks more responsive than before!

[vako]

Feel free to contact us at any time, we are more than happy to help.

 

Kind Regards

[Władysław Halbersztadt]

Hi Vako,

I have exactly the same issue with

https://lynxremote.com/

Just added code you wrote for Kell. Seems it is better now but please verify whether a custom CSS for https://lynxremote.com/ is needed or some parameters shall be changed.

[vako]

Hi Wladyslaw,

 

In order to assist we need to check your website from the back end, please install this 3rd party plugin “Temporary Login Without Password Plugin” which allows us to access your dashboard without sharing access details.

To better understand how the plugin works, please watch the video guide below: https://www.youtube.com/watch?v=EMu0e78OpJo

Please make sure to mark your reply as private to hide it from the public.

 

Kind Regards

 

 

[Władysław Halbersztadt]

Hi Vako, I am unable to paste a link for you as my post is blocked:

 
<h1>A potentially unsafe operation has been detected in your request to this site</h1>
Your access to this service has been limited. (HTTP response code 403)

If you think you have been blocked in error, contact the owner of this site for assistance.

[Władysław Halbersztadt]

This reply has been marked as private.

[vako]

Hi Wladyslaw,

 

Done, please check and let us know if you need any further help.

 

Kind Regards

[Władysław Halbersztadt]

Thank you. It is perfect 🙂

[vako]

Feel free to contact us at any time, we are more than happy to help.

 

Kind Regards

[malte]

Hy vako,
i have the same problem: my header ist not responsive. It would be great if you could help me. Our website: http://www.chaosundkosmos.de

best regards

[vako]

Hi Malte,

 

Your website is under construction, so we are unable to see the content.

In order to assist we need to check your website from the back end, please install this 3rd party plugin “Temporary Login Without Password Plugin” which allows us to access your dashboard without sharing access details.

To better understand how the plugin works, please watch the video guide below: https://www.youtube.com/watch?v=EMu0e78OpJo

Please make sure to mark your reply as private to hide it from the public.

 

Kind Regards

 

[Author]

Posts