Header in Mobile vs. Computer

[bergcreative]

When viewed on a computer, the background for my header is the image I’ve selected. When viewed on a mobile device, there’s an entire area above it (which does not appear on the computer) in a dark gray color. How can I remove this area from the mobile viewer?

[Rui Guerreiro – SUPPORT]

Hi,

Can you send a marked red area in a screenshot?
It can be the background color behind the mobile logo.

-Rui

[bergcreative]

I’m not sure how to do what you’re asking, but here are the screen captures of what it looks like on a computer (which I prefer), and how it looks on mobile (which I don’t want).

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Add the code below to your custom css option

@media only screen and (max-width: 767px){
  #main-container {
    margin-top: -60px;
  }
}

That should sort it.

-Rui