Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
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 4 years ago
Metronic React
4 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

T
Tamas 4 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 Author 4 years ago

Glad to hear that!

We will include a fix in the upcoming Metronic release.


G
Guest 2 years 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 Author 4 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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(