Hello sailpilot,
Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer
.custom-header {
height: 710px !important;
}
Hope this will helps you.
Thanks.
Thanks but it doesn’t seem to do what we need. I need every page including the home page (which is static) to have the same header, same size and display correctly on all devices.
With your suggested css change the size of the header is not the same on all pages, although it is larger on non-home pages.
I can’t believe that this is so difficult to setup on this theme or am I missing something.
The site which is in development is sunshinemusicduo.com
Any help with this would be appreciated.
Try this. Replace the 75vh with whatever height or pixel height (750px or whatever you need). Remember that twenty seventeen keeps the header the same height and crops to the center vertically, also crops out the sides on mobile screens (annoying!) so when you build your cover image keep it 1200 high but focus your content in the center bot vertically and horizontally:
.custom-header-media img {
height: 75vh !important;
position: relative !important;
}
.custom-header {
height: 75vh !important;
}
This worked well for me, expect that the site title and tagline got shifted to the top of the image instead of its original placement near the bottom. I know I’ve dealt with this before but can’t find my notes. Anyone have the CSS to make the Twenty Seventeen Site Title stay in the same place? Thanks!
