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

The side menu does not work when running from a mobile device, in the version of angular 15


On a large screen it works normally, it does not generate a problem, when it is executed on a table or cell phone the side is not displayed for more click on the icon to show the menu on the mobile


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


Hi Jose,

May I know which Metronic Angular version are you using? In the latest version v8.1.7, we have this issue fixed. Could you please try to download the latest version?



Thanks



hi ,

i have the same issue in latest angular version demo 1, can you check it on mobile screen please?

<div class="app-sidebar-wrapper hover-scroll-overlay-y my-5" data-kt-scroll="true"
data-kt-scroll-activate="true" data-kt-scroll-height="auto"
data-kt-scroll-dependencies="#kt_app_sidebar_logo, #kt_app_sidebar_footer"
data-kt-scroll-wrappers="#kt_app_sidebar_menu" data-kt-scroll-offset="5px" data-kt-scroll-save-state="true">


here is the sidebar-menu.component.html code, i dont see any drawer data-* attribs here and i tried adding them myself but all i am getting is a dark overlay.


thanks



I can confirm that I have also the same problem in my case. Clicking on the menu icon does not do anything at all.

P.S. I have also tested it with the dimensions provided by Faizal and the problem still persists.



I am facing the same issue. I have also tried the above suggestions. Please look into it



In the latest version is the problem that persists



Hi,

Noted, thanks for the heads-up. We are on this and will provide the fix shortly.

Regards.



Hi there,

Thank you for bringing this to our attention. We apologize for the inconvenience caused. We are currently working on fixing this issue and will include the fix in the upcoming update, which should be released soon.

Thank you for your patience and understanding.

Best regards.



im using v8.1.5 demo1 facing this only when mobile view and hover the sidebar in system , May i know the solution for this case Faizal ?


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

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply