Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$
Light
Dark
System
Ask  Question

React Demo2 top bar bugs


Hi,

On the latest update (8.0.34) the chat notification blinking green dot wandered off to the middle of the top bar. Another issue is that there is still double menu on mobile.

Any suggestions?

Thanks,
Tamás


T
Tamas 2 years ago
Metronic React
4 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 (4)

T
Tamas 2 years ago

Thanks Lauris,

It all worked. The mobile menu was in the src\_metronic\layout\components\header\HeaderWrapper.tsx module.

Thanks


user
Lauris Stepanovs Author2 years ago

Glad to hear that!

We will include a fix in the upcoming Metronic release.


G
Guest 11 months ago

Tech Unwrapped is a tech enthusiast's paradise, a digital haven offering a wealth of information, insights, and reviews. Navigating through techunwrapped.com reveals a treasure trove of articles covering diverse tech topics.


user
Lauris Stepanovs Author2 years ago

Hi,

1) Yes the button indicator position is broked, you can fix this by adding position-relative class to this button block in file src/_metronic/layout/components/header/Topbar.tsx.

2) There are two menu buttons since one menu is the header menu but another is the aside menu. You can remove one toggle button from the same file src/_metronic/layout/components/header/HeaderWrapper.tsx


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