Light
Dark
System
Ask  Question

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
user
Jose Guevara 3 months ago
Angular
7 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 (7)

F
Faizal Author3 months ago
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?

image

Thanks
user
ALOK SHARMA 3 months ago
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
user
Aristeidis Bampakos 3 months ago
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
Ioannis Klimis 3 months ago
I am facing the same issue. I have also tried the above suggestions. Please look into it
user
Jose Guevara 3 months ago
In the latest version is the problem that persists
S
Sean Author3 months ago
Hi,

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

Regards.
F
Faizal Author2 months ago
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.
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  :(

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

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