Make Header responsive css

  • Unknown's avatar
    moementmedia · Member ·

    Hello I am trying to make my header (1200×500 px) responsive.
    The Header is way too big on mobile screens, while the gallery is scaled perfectly.
    There´s got to be a way? The Header is an animated Gif.

    It´s the only change left that I want to make to the website. I was able to change the color of my gallery with additional css, but I fail with this responsive problem of the header so far.

    Can you please help me

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi there, if you have CSS support, this may work for you:

    @media screen and (max-width: 1024px) {
	header#masthead {
    background-size: contain;
    background-color: white;
  }
}

    Just note layout changes like this can get pretty complex with various media queries and what not, so they fall outside the scope of the CSS support we offer here. But you’d be welcome to tinker with that code a bit, and if you need further help with the layout, hire a designer if needed.

  • Unknown's avatar
    moementmedia · Member ·

    Wow that did the trick! Thank you so much!
    Why could I never get into webdesign it seems so interesting

    can you delete the url from my original post now please? Thanks

  • The topic ‘Make Header responsive css’ is closed to new replies.