Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

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


Renowned for its energetic vibe and eclectic mix of amenities, Hamra remains a cornerstone of Beirut’s dynamic residential scene. Investors are increasingly attracted when they discover options such as Apartments for sale in Beirut that feature contemporary designs and prime locations. The district’s blend of academic, cultural, and entertainment offerings makes it a continuously appealing destination for modern homebuyers.


Deleted comment

To recover deleted files from TeraBox in 2025, start by checking the Trash folder, as deleted files remain there for a limited time. If they are no longer in Trash, try accessing TeraBox via the web version, which may offer additional recovery options. If the files are still missing, contacting TeraBox support could help with possible recovery


https://proapkbox.com/recover-deleted-files-terabox


Deleted comment
Deleted comment
Deleted comment
Deleted comment

Thanks for sharing this wonderful article, It was full of information. Call of Dragons Mod APk



I’m truly pleased to read your article; it’s incredibly helpful.

https://bit.ly/4fuZyV2

https://bit.ly/3AT0TGj



If the side menu of your React.js application isn't working when running on a mobile device, the issue could stem from several common causes. Below is a breakdown of possible reasons and solution
CSS and Media Queries:

Improperly configured media queries might cause the side menu to not render correctly on smaller screens.
Example: display: none might be applied unintentionally for mobile resolutions.
Touch Event Handling:

Mobile devices use touch events instead of mouse events. If your side menu relies on onClick or hover, it may not respond as expected on mobile devices.
Responsive Design:

If the layout doesn't include a responsive implementation for mobile devices, the menu might break or not appear.
Missing libraries like react-responsive can limit adaptability to screen sizes.



Especially concerning objectification and the possible reinforcement of unhealthy attitudes toward relationships and intimacy. doramas mp4



Your writing in this post was both clear and informative. I enjoyed reading it.
gaming oceans



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' }}.


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