Christmas Sale! Limited Time Only - Enjoy 30% Off Metronic Extended License!
Buy for 669$  969$

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


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)


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



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  :(