[bchaltron]

Hello All,

I am using Zubin Photography | Free WordPress Theme

Header Image questions:

1. When I bring in a new header image. It displays perfectly in edit mode but when published it is cut off and does not display full image. Is there a way to make it show full image as it is brought in?
2. How do I get this same image responsive and displayed across all devices from desktop to mobile? It displays full screen on desktop (but cut off) but when viewed on mobile it is severely cropped.

Can someone let me know if there is actually NO way of doing this OR if there is, point me to instructions on how to accomplish this?

Thank you!!

[tikaram]

@bchaltron : The header image is placed as a background image due to which some part of the image gets cut off across different devices. If you would like to display the full image on mobile devices please add the following additional css and let me know if it works or not? Please post in your site URL as well so that I can check for issues on your site.

@media only screen and (max-width: 640px) {
.home .custom-header::before {
  display:none;
}
.home .custom-header {
  background : #222;
}
.has-header-media .custom-header .wp-custom-header img {
  display:block;
}
.home.absolute-header .custom-header {
  min-height: 100% !important;
}
}

[Author]

Posts