How to Change Header Image Reszing Options

  • mike19145

    (@mike19145)


    9 years, 4 months ago

    Hello,

    I would like to change my header image resizing options.

    When I look at header image (http://mike.trollexpeditions.com/) on a phone browser it does not resize properly compared to the image below it, which is a featured image of the page.

    I would like to have it resize responsively in a way similar to the featured page image below it.

    For example, when I view it in a phone, the header image sometimes cuts off the sides of the image where the image below is always completely view-able regardless of screen size.

    Any ideas on how I can address this?

    Thanks

    • This topic was modified 9 years, 4 months ago by mike19145.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Bam Bam

    (@bam-bam)

    9 years, 4 months ago

    Try this.

    @media only screen and (max-width:480px) {
	.custom-header {
		height: 200px !important;
	}
}
    Thread Starter mike19145

    (@mike19145)

    9 years, 4 months ago

    Hey Bam Bam,

    Thanks for the reply. I’ve tried what you said but the image still resizes improperly. As I said, the image below the wp-custom-header resizes so it is always completely view-able whereas the wp-custom-header does not.

    I’ve made a YouTube video showing this issue.

    https://youtu.be/5aP1qTYRcTs

    Any thoughts?

    Thanks,
    Mike

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How to Change Header Image Reszing Options’ is closed to new replies.