Change Header Image Size

  • Resolved homemadejam

    (@homemadejam)


    7 years ago

    I would like to be able to reduce the header image size by about 50%. It should still be centered, and I would like the site width to remain the same.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter homemadejam

    (@homemadejam)

    Nilan at ThemeGrill Support kindly answered this for me and I thought I’d share it here in case anyone else is looking to do this.

    In this example the header image has been reduced to 500px (and then to 250px for smaller screen).

    .wp-custom-header {
    border-bottom: 1px solid #BAE2DC;
}

.header-image-wrap {
    width: 500px;
    margin: 0 auto;
}

.header-image {
    border-bottom: none;
}

@media screen and (max-width: 768px) {
	.header-image-wrap {
		width: 250px;
	}
}
Viewing 1 replies (of 1 total)
  • The topic ‘Change Header Image Size’ is closed to new replies.