• Hi there,

    I added a CSS code to downsize the header image on the mobile version as it looked awful. However, no there is a grey big bar underneath the header which I like to remove as then everything should be fine. Does anyone know how to remove it? Many thanks!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter notterminator

    (@notterminator)

    I added this CSS to scale down initially before the grey bar came along…

    @media screen and (max-width: 480px) {

    .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: auto;
    left: 0;
    max-width: 100%;
    min-height: 0;
    -o-object-fit: unset;
    object-fit: unset;
    position: relative;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    }
    }

    • This reply was modified 7 years, 6 months ago by notterminator.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t replicate the issue on your site – can you update us on your progress?

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

The topic ‘Grey bar underneath header’ is closed to new replies.