Hamburger menu not working #781
-
BugFirst of all, thank you for making al-folio public. It is a great project and I am a happy user. On a browser running on an Android, my al-folio based website does not have a working hamburger menu (also known as a navigation menu collapsed into three lines). I haven't modified al-folio and using the version in your master (I believe), the source of my page is public and reachable here. I appreciate it if you can guide me on how to fix this problem. Thanks! Reproduce
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
After a preliminary look at the console logs of your site, it seems that the issue is SRI mismatch. The Bootstrap script is not loading because of the SRI mismatch. It looks like you reverted back to different scripts for bootstrap and pooper, while our version is using the bootstrap bundle (popper included). If you want to keep it that way, just fix the bootstrap js integrity in |
Beta Was this translation helpful? Give feedback.
-
|
Thank you, Rohan Debsarkar! This suggestion resolved my issue. My website cooks the hamburger right way now :) Thanks! |
Beta Was this translation helpful? Give feedback.
-
|
Sorry to barge in on this older conversation, but could you explain what exactly to change in the bootstrap js integrity? I have the same issue, and below is my bootstrap info in bootstrap: |
Beta Was this translation helpful? Give feedback.
After a preliminary look at the console logs of your site, it seems that the issue is SRI mismatch. The Bootstrap script is not loading because of the SRI mismatch. It looks like you reverted back to different scripts for bootstrap and pooper, while our version is using the bootstrap bundle (popper included). If you want to keep it that way, just fix the bootstrap js integrity in
_config.yml