# Hamburger doesn't dropdown on mobile

**URL:** https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860
**Category:** Questions
**Created:** [March 24, 2023, 4:21pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860 "2023-03-24T16:21:42Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [March 24, 2023, 4:21pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/1 "2023-03-24T16:21:42Z")

</div>

hamburger doesn’t dropdown on mobile [https://mcgraphics.us/build/development/](https://mcgraphics.us/build/development/)  
works fine on [https://mcgraphics.us](https://mcgraphics.us). What am I missing please?

@RobM I’m refactoring–slow going. Getting the courage to install purgecss, but not there yet.

---

<div class="post-metadata">

### Author: ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [March 25, 2023, 9:37am UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/2 "2023-03-25T09:37:22Z")

</div>

```auto
<script src="href=js/popper.js" defer></script>
    <script src="href=js/bootstrap.js" defer></script>
    <script src="href=js/jquery.min.js" defer></script>

```

Must be:

```auto
<script src="js/popper.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/jquery.min.js"></script>

```

Maybe there are more wrong links, but this is the hamburger dropdown part.

Check your site in the Chrome console please for more errors.  
Go to: More Tools \> Developer Tools and click on the “console” tab. Refresh your page edit the wrong links and check if the error is gone. Refresh again etc…

David

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [March 25, 2023, 3:25pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/3 "2023-03-25T15:25:49Z")

</div>

`<script src="href=js/popper.js" defer></script>` VSC command clicking link shows `The editor could not be opened because the file was not found.`  
index.html is inside development folder.  
popper.js is inside js folder inside development folder.  
How do I find popper.js link in PG 2?

---

<div class="post-metadata">

### Author: ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [March 25, 2023, 4:36pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/4 "2023-03-25T16:36:55Z")

</div>

I never use Pinegrow for web design (only animations), but I would look where the file is and then make the link.

Like my example! You use wrong linking code!  
So if you see a folder for example “assets” that contains the folder \> “js” and holds the file \> bootstrap.min.js

Your link will be:  
`<script src="assets/js/bootstrap.min.js"></script>`

But I don’t know the real link! You must be able to locate the file and then in the text editor **\<\>** of Pinegrow write down the link, like in my example but then your situation.

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [March 25, 2023, 5:27pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/5 "2023-03-25T17:27:49Z")

</div>

`<script src="js/popper.js"></script>` works

I took out `defer` which is supposed to be a better practice allowing me to put all my .js scr links in the `head` instead of before end of `body`  
Thanks for hanging in there with me @AllMediaLab

---

<div class="post-metadata">

### Author: ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [March 25, 2023, 5:37pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/6 "2023-03-25T17:37:21Z")

</div>

Defer works like this:

[Scripts: async, defer](https://javascript.info/script-async-defer#:~:text=The%20defer%20attribute%20tells%20the,the%20DOM%20is%20fully%20built).

But with only 3 links and fast internet it will not make any difference.

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [March 25, 2023, 6:55pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/7 "2023-03-25T18:55:47Z")

</div>

@kat

[https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b917e2ba0eb443bb8af86e5706fa77bfd7765a51.mp4](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b917e2ba0eb443bb8af86e5706fa77bfd7765a51.mp4)

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [March 25, 2023, 7:42pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/8 "2023-03-25T19:42:38Z")

</div>

Nice. Is turning off the eye on the tree same as commenting out? If not how do I comment out so I can see what happens.

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [March 25, 2023, 11:37pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/9 "2023-03-25T23:37:32Z")

</div>

@kat Nope. the eye is only used in the Pinegrow page view and has no action on the product code. (ie: it does not comment on the HTML code at all).

As I guess the next question will be : So how do you comment on the code from the interface? Well, I anticipate by answering that it is not possible at the moment, to comment, you will have to go through the code editor.

To leave a comment in your HTML, place a `<!--` tag before the code and a `-->` tag after the code that you want to hide. These tags tell browsers to ignore anything between them.

```auto
<h1>Hello, world!</h1>
<!-- please make all buttons orange, including this one! -->
<button>Click me</button>

```

---

<div class="post-metadata">

### Author: ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)
#### Post date: [March 29, 2023, 5:48pm UTC](https://forum.pinegrow.com/t/hamburger-doesnt-dropdown-on-mobile/7860/10 "2023-03-29T17:48:34Z")

</div>

Doesn’t work with defer but does works with
