- Posts: 2
- Thank you received: 0
NES.css adapter breaks on mobile — hamburger menu invisible
4 days 13 hours ago #11
by ramon
NES.css adapter breaks on mobile — hamburger menu invisible was created by ramon
Running the
NES.css adapter
on Joomla 6. Desktop looks amazing — full 8-bit aesthetic. But on mobile the hamburger menu icon is invisible. The three lines do not show.
I think it is because NES.css overrides the background color on all elements and the hamburger spans get lost.
Anyone else seen this?
I think it is because NES.css overrides the background color on all elements and the hamburger spans get lost.
Anyone else seen this?
Please Log in or Create an account to join the conversation.
4 days 13 hours ago #12
by dade
Replied by dade on topic Re: NES.css adapter breaks on mobile — hamburger menu invisible
Known issue. NES.css sets a global background that conflicts with the hamburger span background color.
Fix in your adapter CSS or custom.css:
The !important is needed because NES.css has high specificity on its global rules. Should be fixed in the next BaseFrame release.
Fix in your adapter CSS or custom.css:
Code:
.bf-hamburger span {
background: #212529 !important;
}
The !important is needed because NES.css has high specificity on its global rules. Should be fixed in the next BaseFrame release.
Please Log in or Create an account to join the conversation.
4 days 12 hours ago #13
by kate
Replied by kate on topic Re: NES.css adapter breaks on mobile — hamburger menu invisible
Can confirm — same issue on the
Chota adapter
. Any micro framework that resets html font-size to 62.5% or overrides body/html properties aggressively will cause hamburger visibility issues.
The base.css fix for this shipped in v1.3.0:
plus the box-sizing reset. But the per-adapter hamburger color still needs explicit overrides in some cases.
The base.css fix for this shipped in v1.3.0:
Code:
body.tf { margin: 0; }
Please Log in or Create an account to join the conversation.
Time to create page: 0.241 seconds