Skip to content
TheAIDirector.Win ClaudeJoomla.com ClaudeTemplates.NET

NES.css adapter breaks on mobile — hamburger menu invisible

More
4 days 13 hours ago #11 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?

Please Log in or Create an account to join the conversation.

More
4 days 13 hours ago #12 by dade
Known issue. NES.css sets a global background that conflicts with the hamburger span background color.

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.

More
4 days 12 hours ago #13 by kate
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:
Code:
body.tf { margin: 0; }
plus the box-sizing reset. But the per-adapter hamburger color still needs explicit overrides in some cases.

Please Log in or Create an account to join the conversation.

Time to create page: 0.224 seconds
Powered by Kunena Forum