Mobile View: Opened nav covers drop down button | ww.wp.xz.cn

Resolved risamazing
(@risamazing)

10 years, 1 month ago

Some reason the menu icon is being covered by the actual navigation when it is expanded, making it impossible to close the nav if opened.

Can anyone please help this?

Also, even though on my mobile it shows the menu button to the right, when the desktop window is made thinner, it displays the button in the middle.

My site: RBIfixit.com

Viewing 5 replies - 1 through 5 (of 5 total)

Kharis Sulistiyono
(@kharisblank)

10 years, 1 month ago
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
Thread Starter risamazing
(@risamazing)

10 years, 1 month ago

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

Thread Starter risamazing
(@risamazing)

10 years, 1 month ago

I should mention I did clear the cache before testing 🙂

Kharis Sulistiyono
(@kharisblank)

10 years, 1 month ago

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

Thread Starter risamazing
(@risamazing)

10 years, 1 month ago

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

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile View: Opened nav covers drop down button’ is closed to new replies.

Tags

5 replies
2 participants
Last reply from: risamazing
Last activity: 10 years, 1 month ago
Status: resolved