1

I am trying to make a Drupal 8 theme from an existing HTML page. The page uses the Bootstrap 4 menu.

I was able to get the normal version (desktop) of the menu working by copying menu--main.html.twig from the Drupal 8 Bootstrap Barrio theme. I added the following code to the file:

<nav class="navbar navbar-expand-lg navbar-light">

<a class="navbar-brand" href="/"><img alt="" src="/themes/themname/images/logo.png" style="max-width:150px;height:auto;" /></a><button aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarSupportedContent1" data-toggle="collapse" type="button"></button>

...

</nav>

And when resizing the page the menu is disapearing as intentended.

I am having trouble to get the mobile menu working. The problem is that the button (hamburger - three lines) to open the mobile menu is not showing up.

The theme is loading the following .js files:

<script src="/core/assets/vendor/jquery/jquery.min.js?v=3.2.1"></script>
<script src="..path../js/popper.min.js?v=1"></script>
<script src="..path../js/bootstrap.min.js?v=1"></script>

As far as I understand there are no errors in browser console concerning this issue.

What might I still be missing?

closed as too broad by Alfred Armstrong, leymannx, mradcliffe, Felix Eve, Shawn Conn Sep 8 '18 at 20:28

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.