- Posts: 2
- Thank you received: 0
Hamburger menu not visible on NES.css adapter
5 days 9 hours ago #21
by zed
Hamburger menu not visible on NES.css adapter was created by zed
The hamburger menu icon disappears completely when using the
NES.css adapter
on mobile. The three horizontal lines are there in the DOM but they are invisible against the dark background.
Steps to reproduce:
1. Switch to NES.css adapter
2. Resize browser below 1024px
3. Hamburger icon is gone
Expected: White hamburger lines on dark background.
Actual: Nothing visible. Menu is inaccessible on mobile.
Browser: Firefox 149, Chrome 135
Device: Desktop (responsive mode) and actual Android phone
Steps to reproduce:
1. Switch to NES.css adapter
2. Resize browser below 1024px
3. Hamburger icon is gone
Expected: White hamburger lines on dark background.
Actual: Nothing visible. Menu is inaccessible on mobile.
Browser: Firefox 149, Chrome 135
Device: Desktop (responsive mode) and actual Android phone
Please Log in or Create an account to join the conversation.
5 days 8 hours ago #22
by consuella
Replied by consuella on topic Re: Hamburger menu not visible on NES.css adapter
Confirmed. The issue is in the NES.css adapter — it doesn't set a background color on the hamburger spans. The base.css hamburger uses \ for the span background, but on NES.css the text color is light on dark and the spans are positioned over the header which is also dark.
Quick fix:
This should go in the NES adapter CSS.
Quick fix:
Code:
.bf-hamburger span {
background: #e9ecef !important;
}
This should go in the NES adapter CSS.
Please Log in or Create an account to join the conversation.
4 days 9 hours ago #23
by zed
Replied by zed on topic Re: Hamburger menu not visible on NES.css adapter
That fixed it. Thanks Consuella. Should we also check Halfmoon? It has the same dark background issue.
Please Log in or Create an account to join the conversation.
Time to create page: 0.253 seconds