# Foundation Topbar dropping down BEHIND other elements, why?

**URL:** https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778
**Category:** RapidWeaver Classic
**Created:** [March 17, 2020, 9:18pm UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778 "2020-03-17T21:18:26Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Gabrielle](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/gabrielle/32/183_2.png) [@Gabrielle](https://forums.realmacsoftware.com/u/Gabrielle)
#### Post date: [March 17, 2020, 9:18pm UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/1 "2020-03-17T21:18:26Z")

</div>

I’m using Foundation on this site: [https://www.thearthouseoasis.com/](https://www.thearthouseoasis.com/)  
My topbar drop downs are dropping BEHIND the next stacks down, rather than IN FRONT. I’m attaching a couple of screen grabs to show what I mean. On the ‘blog, news’ page the Home tab dropdown has slipped behind my image stack below it, and on the ‘acrylic paint pouring’ screen grab you can’t see any of the drop down items at all. So I’m just wondering if a simple stack where I can tweak the z-index would be an easy fix. What do you reckon?

 ![IMG_53291](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/c/9c7d77cf282041bba2750b1fafa4cbe6f2640363.jpeg) ![IMG_53301](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/3/e3c14e4af70f9d19f18f17748849af2cb9edd8ed.jpeg)

---

<div class="post-metadata">

### Author: ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)
#### Post date: [March 17, 2020, 9:28pm UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/2 "2020-03-17T21:28:22Z")

</div>

You didn’t say which version of foundation.  
But the why is probably because it has a lower z-index setting than the stacks that are covering it.  
If you are using Foundation 6, do you have overflow visible set on the container containing the Topbar?

---

<div class="post-metadata">

### Author: ![Gabrielle](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/gabrielle/32/183_2.png) [@Gabrielle](https://forums.realmacsoftware.com/u/Gabrielle)
#### Post date: [March 17, 2020, 10:10pm UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/3 "2020-03-17T22:10:41Z")

</div>

Thanks for getting back to me Scott :-). I’m using Foundation 1.8.12 and the Topbar is in an animate stack inside a partial. I don’t see an ‘overflow’ option on either of those stacks.

---

<div class="post-metadata">

### Author: ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)
#### Post date: [March 17, 2020, 10:17pm UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/4 "2020-03-17T22:17:33Z")

</div>

Right, the overflow setting is only in F6.  
you can inspect the element in your browser and see what to target then use CSS to change the z-index of top-bar (or animate if that’s what is causing it) or lower the z-index on the element that is covering it. I’m on mobile at the moment so I can’t look for you.

---

<div class="post-metadata">

### Author: ![Gabrielle](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/gabrielle/32/183_2.png) [@Gabrielle](https://forums.realmacsoftware.com/u/Gabrielle)
#### Post date: [March 18, 2020, 7:54am UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/5 "2020-03-18T07:54:47Z")

</div>

Yes I tried that as a test on the homepage. I thought that this might work having had a browse through other posts, but it hasn’t worked:  
.top-bar-section .dropdown{  
z-index:1999!important;  
}

---

<div class="post-metadata">

### Author: ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)
#### Post date: [March 18, 2020, 2:59pm UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/6 "2020-03-18T14:59:09Z")

</div>

I’m not seeing the issue, exactly what page is the content over the menu?

 ![33%20AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/7/573417d7b9e91b5c482dcbaeb4f0b29bcf406119.jpeg)

 ![27%20AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/7/47117464f4e049baf4a1eebad1667c8d94ceb96b.jpeg)

---

<div class="post-metadata">

### Author: ![Gabrielle](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/gabrielle/32/183_2.png) [@Gabrielle](https://forums.realmacsoftware.com/u/Gabrielle)
#### Post date: [March 18, 2020, 4:35pm UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/7 "2020-03-18T16:35:05Z")

</div>

Ah sorry I forgot to say, I’m only seeing this issue on my ipad, not my desktop, does that help?

---

<div class="post-metadata">

### Author: ![joeworkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joeworkman/32/23780_2.png) [@joeworkman](https://forums.realmacsoftware.com/u/joeworkman)
#### Post date: [March 18, 2020, 6:11pm UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/8 "2020-03-18T18:11:07Z")

</div>

It’s the animate stack that is doing that. Take Top Bar out and its all fixed.

---

<div class="post-metadata">

### Author: ![Gabrielle](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/gabrielle/32/183_2.png) [@Gabrielle](https://forums.realmacsoftware.com/u/Gabrielle)
#### Post date: [March 25, 2020, 11:33am UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/9 "2020-03-25T11:33:56Z")

</div>

Thank you!!! Brilliant :-)))

---

<div class="post-metadata">

### Author: ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)
#### Post date: [April 24, 2020, 9:33pm UTC](https://forums.realmacsoftware.com/t/foundation-topbar-dropping-down-behind-other-elements-why/31778/10 "2020-04-24T21:33:57Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
