Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 10, 2017 at 10:24 am #818622
    SusyST

    Good morning, I have some problem with the header of the web site only on mobile, the header is not responsive, I put the logo on the left and the picture on the right but on the mobile overlap. Can you help me understand what the problem is? Thank you.

    July 10, 2017 at 12:01 pm #818667
    Rikard

    Hey SusyST,

    There’s not enough room in the header on smaller screens, so I think you would have to remove either the logo or the image for those sizes.

    Best regards,
    Rikard

    July 10, 2017 at 1:11 pm #818701
    SusyST

    Ok Rikard,
    Is it possible to remove the image only for mobile?
    Thank you.

    July 10, 2017 at 3:03 pm #818781
    Rikard

    Hi,

    Yes, you can use media queries for that:

    @media only screen and (max-width: 767px) {
  .element {
    display:none;
  }
}

    I couldn’t find exactly how you got it in there, but just replace the class in my example with your class or ID.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.