Margin Above First Element on Mobile Layout

[kvpadmin]

I have used a negative margin to pull my sliders right up to the edge of the header but there is still a space above the slider when I view the site (qwertyfree.choiceadaptive.com) on my iPhone.

I’m using different sliders for tablet and phone than desktop views and have tried making the negative top margin more negative but no matter what I try there’s still a space above the slider.

Any ideas? (Screenshot below)

[mldarshana]

Hi There @kvpadmin

Thanks for writing in! Could you please try adding the following media query into your X -> Theme Options -> CSS area and see if that helps.

@media(max-width:320px){
  .home .e2-10.x-section {
    margin-top: -4.85em;
  }
}

Hope that helps.

[kvpadmin]

Worked like a charm, thanks!

[rad]

You’re most welcome!