New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs
Light
Dark
System
Ask  Question

Quick fix: Metronic 8 Demo 5 Missing Header Menu Toggle on Mobile


Encountered a minor issue in Metronic HTML Demo 5 where the header menu toggle button is not shown on mobile. Use the below code for a quick fix. The official fix will be arriving in the next update soon.

Replace the topbar HTML code with the
Fixed Version


user
Sean Author3 years ago
Metronic Bootstrap 5 HTML
2 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

G
Guest 7 months ago

Hi Sean
I'm coming across this problem.. I haven't upgraded from 8.1 (for various time / cost constraints).

When I open the menu using hamburger in mobile mode (for demo2), the overlay covers the entire menu so it cannot be accessed.

I've been playing around with all the z-indexes for the kt-header, menu, etc.. but can't get it to resolve because the menu sits within the header, and the only way to show the mobile menu means setting the index of the header above the overlay..

this makes the both the mobile menu AND the header toolbar behind it, sit above the overlay.. I can't split them out.

Could you repost your workaround as the current link above is 404.

Thanks


user
Denis Brown 11 months ago

If you are looking for an online casino that combines luxury and exciting gambling, Rich Casino is the right one for you. This casino offers a wide range of games from leading providers, including slots, table games and live dealer games. Every player will find something to their liking here, whether it's classic slot machines or modern video slots. Take full advantage to discover more entertainment for yourself.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(