Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

In Angular Metronic v8.1.5, there is no button to log out in mobile use.


In Angular Metronic v8.1.5 version, the app-user-inner component in the nav-bar component designed for mobile use comes empty. For this reason, it cannot be logged out in mobile use. I am waiting for help for this, thank you in advance.


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 (3)


I apologize for the inconvenience you're facing with Angular Metronic v8.1.5. It seems that the user button is hidden when the screen width is less than 360px, which is preventing you from logging out on mobile devices. We understand the issue, and we will work on fixing it. Thank you for bringing this to our attention, and we appreciate your patience.



What can I do as a temporary solution. Can you help me?



I apologize for the inconvenience you're facing. As a temporary solution to make the logout option available on mobile use in Angular Metronic v8.1.5, you can try the following steps:

Open the file /src/app/_metronic/layout/components/header/navbar/navbar.component.html in your project.

Locate the section where the topbar icons are defined, specifically the user icon or profile icon.



In this section, you can remove some of the other topbar icons that you don't use or need. By doing this, you can create space for the user icon to appear on the screen.

Once you've made the adjustments by removing unnecessary icons, save the changes to the file.

Test the mobile view of your application to ensure that the user icon is now visible, allowing users to access the logout option.

This workaround should help you temporarily address the issue and provide access to the logout functionality on mobile devices.

Thanks


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