Gap showed up above and below header for mobile versions, help please

[davidgaiz]

Hello,

I have a gap that showed up above the header on screen sizes 480px and below, and above and below the header for screen sizes 481-767px. Screen shots are attached. I’ve also included login info and the URL to the page where this is happening in a secure note.

Any help is appreciated!

Cheers,
Dave

[mldarshana]

Hi there,

Thanks for writing in! Could you please try adding the following CSS rules into your page’s custom css area.

@media (max-width:480px){
  .e1744-4.x-bar, .e1744-9.x-bar {
    margin-top: 0;
  }

  .x-main.full {
    margin-top: 0;
  }
}

Hope that helps.

[davidgaiz]

Hi @mldarshana,

It looks like that did the trick, thank you for your help!

Cheers,
Dave

[Prasant]

You are most welcome.