Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update

The side menu does not work when running from a mobile device ReactJs ver 8.1.9


side menu does not work when running from a mobile device and also have scroll bar not appear some cases .I think issue related with fixed height. I just tried following way on SidebarMenu component

<div
style={{overflowY: 'scroll',height:580}}
className='menu menu-column menu-rounded menu-sub-indention px-3 dynamic-menu'
id='#kt_app_sidebar_menu'
data-kt-menu='true'
data-kt-menu-expand='false'
>
its working on larger screen devices.


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


This details of the side menu does not work when running from a mobile device ReactJs ver 8.1.9 is good, and it provides us details that we need and use to get the best solutions. Also, if you have a peek at this site you will come to know how it works to provide us the results.



Thank you for sharing the article, please search mod apps loreapk if you are interested in mod apk versions



Your writing in this post was both clear and informative. I enjoyed reading it.
Menu With Prices



Saya pernah mengalami masalah serupa dengan menu di ReactJS saat mengembangkan APK. Coba pastikan semua dependensi sudah terupdate dan periksa kompatibilitasnya.Download Gratis: https://apktodo.io/id/ Semoga membantu!



Be passionate about shooting games at MOD APK alocombo when you immerse yourself in the role of a professional gunman and buy all types of guns for free.



Facing the same issue in my website, it's side menu also not working on mobile devices. If you got the solution please let me know!



I faced the same issue with the side menu on mobile. Have you tried checking the https://modsusu.com/id configuration? Sometimes, it messes with the menu rendering. Just a thought! 😊



Try playing with us descargar minecraft apk, bring wonders while playing, upgrade yourself and your buildings while searching for treasure.



Your article is great, I will think more about it moto x3m



To make the side menu work on both mobile devices and larger screens, you can use a responsive design approach. Instead of setting a fixed height, use a percentage or viewport-based height and ensure the overflow is handled appropriately. Here’s an updated approach: style={{ overflowY: 'auto', maxHeight: '100vh' }}.



by making these adjustments to your SidebarMenu component's styling, you should be able to resolve the issues with the side menu on mobile devices and ensure a smoother user experience across different screen sizes.


M. Yo at Sydney audio visual consultant



The responsiveness of the side menu in the ReactJS version is impressive! Despite encountering a minor issue, the overall functionality and design show great promise for seamless navigation on mobile devices.



Got the solution,open simple side menu package.json, then replace react-router-dom older version with latest one.that's it. happy - Web Lint



Round the World Camping your ultimate destination for outdoor adventures! Embrace the great outdoors with our high-quality camping gear and expert tips. Round The World



Round the World Camping your ultimate destination for outdoor adventures! Embrace the great outdoors with our high-quality camping gear and expert tips.
Round The World


Deleted comment
Deleted comment

I gained a lot of knowledge from reading your site nytimes crossword, and if you want to have more interesting experiences, you should educate yourself on previous video games. Playing with you in the past is something I am looking forward to!



It seems like the issue with the side menu not working on mobile devices and the scrollbar not appearing may be related to the fixed height set for the menu container. You could try using a responsive approach for setting the height of the menu container, such as using percentage values or media queries to adjust the height based on the screen size. Additionally, ensure that the CSS styles and JavaScript functionality are properly implemented for mobile compatibility.




C.J., roof repairs Sydney



Your invitation is very attractive, I'm only interested in downloading and playing minecraft game at https://apkclasico.com/minecraft-apk.html



You might have to modify the design and arrangement of the menu tiny fishing to better suit smaller screens.



Ensure that your sidebar menu component is designed to be responsive, meaning it adapts to different screen sizes and orientations. You may need to adjust the styling and layout of the menu to better accommodate smaller screens. By addressing these considerations and implementing responsive design techniques, you can improve the functionality and usability of the sidebar menu on mobile devices in your React.js application.


kim h. - Sydney food truck


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