• Resolved bobferg

    (@bobferg)


    Can I reduce how deep the picture is. I don’t like how it fills the page forcing the menu to the bottom of the window. I want the menu to appear higher on the window.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The styling in the theme has this CSS:

    @media screen and (min-width: 48em){
    .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
        height: 1200px;
        height: 100vh;
        max-height: 100%;
        overflow: hidden;
    }
    }

    You can copy that and add it to the Additional CSS tab in the customizer, just with some minor difference:

    @media screen and (min-width: 48em) {
    .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
        height: 75vh;
        max-height: 75%;
    }
    }

    For example, I made the height of the image (or video) to be 75% height of the window. Try it out and see if that helps.

    Thread Starter bobferg

    (@bobferg)

    I even tried 50% but I see no change.

    odd….I tried it in my Chrome webmaster tools and did the code and it worked. Are you able to provide a link to your site?

    Thread Starter bobferg

    (@bobferg)

    missioneasysoftware.com

    Actually I see your header is 75% in height, so you might want to refresh your browser or clear the browser cache.

    Just make sure your CSS code has this part in it though:

        height: 75vh;
        max-height: 75%;

    because I see yours is:

        height: 75vh;
        max-height: 50%;
    Thread Starter bobferg

    (@bobferg)

    I have height: 75vh;
    max-height: 75%; now.
    But I don’t see any change. But maybe we aren’t understanding what I want. I want when loading that the picture doesn’t show as deep. I want the menu to be higher up. I have cleared my cache.

    Thanks for your time.

    Thread Starter bobferg

    (@bobferg)

    I stand corrected. I didn’t see the change until I logged out and loaded my web site. It is exactly what I wanted.
    Thanks so much for your time.

    No worries….I totally understood. I am wondering if your host has caching turned on or are you using a cache type plugin?

    Awesome to hear ??
    I am assuming then we can set this topic as Resolved?

    Thread Starter bobferg

    (@bobferg)

    Yes, it is resolved I flagged it.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Picture size can I make it smaller not as deep’ is closed to new replies.