# Stop dropdown menu open when site opens

**URL:** https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108
**Category:** General
**Created:** [August 7, 2018, 5:44am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108 "2018-08-07T05:44:09Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![RustyRiley](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rustyriley/32/1343_2.png) [@RustyRiley](https://forum.pinegrow.com/u/RustyRiley)
#### Post date: [August 7, 2018, 5:44am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/1 "2018-08-07T05:44:09Z")

</div>

Ask general questions and share ideas with your peers.

Though the entire Community Forum is moderated and maintained by the Pinegrow Team, it is not guaranteed that your Topic will receive a reply from a Pinegrow Team staff member.

I have a website (Bootstrap 4, Dropdown js) that when I open it, a dropdown menu appears open  
what’s happening and how do I stop it happening  
don’t seem able to find the answer doing just a quick google search

---

<div class="post-metadata">

### Author: ![mandarin](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mandarin/32/806_2.png) [@mandarin](https://forum.pinegrow.com/u/mandarin)
#### Post date: [August 7, 2018, 11:33am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/2 "2018-08-07T11:33:23Z")

</div>

You will need to provide a live URL so the problem can be seen.

---

<div class="post-metadata">

### Author: ![RustyRiley](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rustyriley/32/1343_2.png) [@RustyRiley](https://forum.pinegrow.com/u/RustyRiley)
#### Post date: [August 7, 2018, 12:09pm UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/3 "2018-08-07T12:09:52Z")

</div>

**Thanks for responding!**

[http://russwilson.coffeecup.com/ARCA\_MAY\_5/index.html](http://russwilson.coffeecup.com/ARCA_MAY_5/index.html)

---

<div class="post-metadata">

### Author: ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)
#### Post date: [August 7, 2018, 12:29pm UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/4 "2018-08-07T12:29:41Z")

</div>

Hi @RustyRiley I’ve just checked it on my computer and phone and it’s not doing what you’ve described. Try clearing your cache and see if it changes the behaviour you’re getting. Let us know how you get on with it.

---

<div class="post-metadata">

### Author: ![RustyRiley](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rustyriley/32/1343_2.png) [@RustyRiley](https://forum.pinegrow.com/u/RustyRiley)
#### Post date: [August 7, 2018, 1:18pm UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/5 "2018-08-07T13:18:53Z")

</div>

Thanks for trying

I’m surprised you can try it on your phone at all, because the hamburger menu should immediately appear – with no dropdowns appearing – that’s how it happens on my phone.

Have re-tried immediately after clearing cache – it happens on both Chrome and Ff at least.  
And it’s not as if I’m “dreaming” it up – see here

[http://forums.mobirise.com/discussion/18051/menu-shows-for-quick-moment-when-page-loads](http://forums.mobirise.com/discussion/18051/menu-shows-for-quick-moment-when-page-loads)

there’s a lot mobirise can’t do, so I’ve moved on to Pinegrow, and others

thanks anyway, but …

---

<div class="post-metadata">

### Author: ![RustyRiley](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rustyriley/32/1343_2.png) [@RustyRiley](https://forum.pinegrow.com/u/RustyRiley)
#### Post date: [August 8, 2018, 9:22am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/6 "2018-08-08T09:22:12Z")

</div>

could this be an example of FOUC – or is it just a bug?

---

<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: [August 8, 2018, 10:19am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/7 "2018-08-08T10:19:29Z")

</div>

> [@RustyRiley](#):
>
> FOUC

Well… on my iPhone, it’s 100% fine. See the video here:

[https://dl.dropboxusercontent.com/s/rn8vblrzc54ppex/iphone.mov?dl=1](https://dl.dropboxusercontent.com/s/rn8vblrzc54ppex/iphone.mov?dl=1)

So it’s more a PEBCAC than a FOUC imho 🙂 (I’m joking of course)

---

<div class="post-metadata">

### Author: ![RustyRiley](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rustyriley/32/1343_2.png) [@RustyRiley](https://forum.pinegrow.com/u/RustyRiley)
#### Post date: [August 8, 2018, 10:37am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/8 "2018-08-08T10:37:32Z")

</div>

thanks!!  
it doesn’t show up on phones — where the hamburger appears  
“automatically”  
but it does show up on larger displays where the navbar extends across the full width of the screen ![new-site-opened](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/0ac07a5af116c74d6b6c7f42346a002765df82a9.png)  
still getting used to this forum’s tools, but if those images have uploaded correctly, you’ll see what I mean  
moving from the older pink desktop to the newer green one

---

<div class="post-metadata">

### Author: ![RustyRiley](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rustyriley/32/1343_2.png) [@RustyRiley](https://forum.pinegrow.com/u/RustyRiley)
#### Post date: [August 8, 2018, 10:38am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/9 "2018-08-08T10:38:41Z")

</div>

maybe that didn’t work too well, can only see one file  
here’s the first again ![start-old-site](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/afe2b422c49d66d549264b6dd46931161d8d7b21.png)

---

<div class="post-metadata">

### Author: ![RustyRiley](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rustyriley/32/1343_2.png) [@RustyRiley](https://forum.pinegrow.com/u/RustyRiley)
#### Post date: [August 8, 2018, 10:39am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/10 "2018-08-08T10:39:11Z")

</div>

and here’ s the middle one ![opening-new-site](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/4/4accd9cf5b455ee5d2d5242d11f07c0e668c7020.png)

---

<div class="post-metadata">

### Author: ![RustyRiley](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rustyriley/32/1343_2.png) [@RustyRiley](https://forum.pinegrow.com/u/RustyRiley)
#### Post date: [August 8, 2018, 10:42am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/11 "2018-08-08T10:42:02Z")

</div>

those were snips taken from a video – a previous forum I was on only allowed images, not videos

---

<div class="post-metadata">

### Author: ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [August 9, 2018, 12:12am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/12 "2018-08-09T00:12:15Z")

</div>

You appear to have the class “.open” applied to that menu item when the page loads. I loaded your live page in Pinegrow and took a look. See the attached screengrab. Your other dropdown menu items do not have this class applied when the page first opens. I’ve circled it in pink.

 ![screengrab](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/5/52477388164ce8ab9ed271ef70e53a3f01d66357.jpeg)

---

<div class="post-metadata">

### Author: ![RustyRiley](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rustyriley/32/1343_2.png) [@RustyRiley](https://forum.pinegrow.com/u/RustyRiley)
#### Post date: [August 16, 2018, 1:43am UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/13 "2018-08-16T01:43:24Z")

</div>

thanks very much for pointing that out!!

that wasn’t “my” intention  
that page was developed in a third-party builder program – I had given up on getting a reply to my query, and felt “guilty” for posting it here, since it had been done in that builder

this is actually a bug in that program – if one opens the menu and then leaves after having it open – even if it’s not open when actually exiting, the program, at its own initiative, must create that code  
– it’s “well known” that selecting a non-dropdown option results in that effect not appearing

that program is good for “drag-and-down” “design” by computer neophytes, lacking much knowledge of design / html / css etc but …  
clearly it has more bugs than most are aware of  
== I’ll bring that to the attention of other users of the program, and that program’s support staff

– MANY MANY THANKS 😀

---

<div class="post-metadata">

### Author: ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [August 20, 2018, 11:34pm UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/14 "2018-08-20T23:34:20Z")

</div>

You really need a fatter pen!  
🙂

---

<div class="post-metadata">

### Author: ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [August 21, 2018, 11:26pm UTC](https://forum.pinegrow.com/t/stop-dropdown-menu-open-when-site-opens/2108/15 "2018-08-21T23:26:59Z")

</div>

You’re right. Dunno why I made it so thin.
