My website is currently in development with Bootstrap 4. I'm facing an issue where, on mobile devices, when the menu items collapse into the three bars, they are not clickable. Despite following the recommendations in the Bootstrap documentation, the issue persists. I've tried various tweaks without success.
What am I missing here, aside from using the alpha version?
You can test the site here:
Note that if you simply resize your browser from desktop to mobile size, everything works fine. The problem only occurs on actual mobile devices.
Below is the code for the navigation menus:
<nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
(Navigation menu code goes here)
</nav>
Here's a bootply link, although it may not be very helpful since the issue can only be replicated on a mobile device.