Mobile View: Opened nav covers drop down button

Hello there,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (max-width:767px){

  #mainnav-mobi{
    top: 40px !important;
  }

}

Regards,
Kharis

It didn’t seem to have any effect. Is it some sort of conflict with the logo’s div and the nav’s div?

I should mention I did clear the cache before testing ??

Hello there,

Could you confirm if a group of CSS code where the code I suggested you put at is error free? You can examine it by using CSS validator.

Regards,
Kharis

Yes, I have found it and fixed the issue. I had to add “float: clear” and eliminate existing floats regarding the nav button. ??