Responsive header image

Hi !

I used the theme options to put an image as header, but it is not responsive. Is there a way to fix this ?

Hi @barbidule,

I hope you are well today and thank you for your question.

I have tested it on my test site using latest version of Travelify theme and found the header image is displaying responsive.

Could you please share your site URL to me where it’s not displaying responsive so that i can troubleshoot it?

Kind Regards,
Movin

Hi,
thanks for you help.
tributour.com

Hi @barbidule,

Thank you for sharing the site URL.

It seems some CSS is conflicting on your site that is causing this issue.

To resolve this issue try adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Customize -> Travelify Other Options

#branding .container.clearfix {
  margin: 0;
  max-width: 100%;
}
.hgroup-wrap.clearfix {
  padding-top: 0;
}
hgroup#site-logo {
  margin: 0;
}
body #site-title a img {
  max-width: 100%;
  margin: 0 auto;
}

Best Regards,
Movin

It works ^^
On a phone, the header is slightly covered by the navbar, but it’s aleady way better than before !
Thanks a lot for your help, and thanks for the awesome theme, we were able to create a good-looking site for our travel agency in just a few hours :slight_smile:

You are most welcome here :slight_smile: