Main Header photo is way too big

  • I’d like to reduce the size of the main header photo. I don’t mind the height of it, but the width is so big you have to widen your browser window to see all of it and it’s cutting off my logo.

    I’d just like people to be able to come to the website, see the whole photo (including the logo) and not have to resize their browser window.

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

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

  • Sadly, the server is not available at the moment.

    You could try resizing the main header frame and image to the width of the browser window. This would probably do what you want.

    Thread Starter badmdwatchdog

    (@july1962)

    Sorry, I typed the wrong suffix, it’s henrylevyhouse.com.

    If I knew how to do what you suggested, I would have tried it.

    This worked for me. Place the code in the Custom CSS within the Appearance/Customize toolbar. I played around with the percentages until it looked the way I wanted. I got the code from this page, if you want to go view what the full thing says (https://jimmyknoll.com/restyle-twenty-seventeen-theme-using-css/):

    .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    height: 66% !important;
    object-fit: fill !important;
    width: 100%;
    max-height: 100% !important;
    display: block !important;
    position: relative !important;
    }

    #wp-custom-header {
    height: 50% !important;
    }

    .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media {
    height: calc(71vh – 32px) !important;
    }`

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Main Header photo is way too big’ is closed to new replies.