Mobile menu covers logo

I watch my website with iPhone XS and iPad Air 2 in a horizontal position. The expanded mobile menu closes the site header a little.

When viewed in an upright position, everything is fine. Also there is no such problem when viewing from Android devices and iPhone 7.

Please help me solve this problem.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (max-width: 1024px) {
  .mobile-nav .slicknav_nav {
    margin-top: 40px;

You would probably have to adjust the value if needed.


Thank you very much. It really helped me :+1::+1::+1:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.