# Dropdown menu push content down with Header 1

**URL:** <https://forum.pinegrow.com/t/dropdown-menu-push-content-down-with-header-1/307>\
**Category:** Blocks\
**Created:** [October 25, 2016, 10:06am UTC](https://forum.pinegrow.com/t/dropdown-menu-push-content-down-with-header-1/307 "2016-10-25T10:06:06Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![lja](https://avatars.discourse-cdn.com/v4/letter/l/cab0a1/32.png) [@lja](https://forum.pinegrow.com/u/lja)\
**Post date:** [October 25, 2016, 10:06am UTC](https://forum.pinegrow.com/t/dropdown-menu-push-content-down-with-header-1/307/1 "2016-10-25T10:06:06Z")

</div>

Hi, with Header 1 block, how can I manage to make dropdown menu in Sw to push the content down? Thanks!

---

<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:** [November 4, 2016, 12:47pm UTC](https://forum.pinegrow.com/t/dropdown-menu-push-content-down-with-header-1/307/2 "2016-11-04T12:47:07Z")

</div>

Hi @lja. Sorry just saw this now, I don’t know if I understand correctly what you are asking as I thought that was the default action on the drop down menu! See screenshots below but maybe I’m misunderstanding.

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/3bbf15499c26bacd808332a747d165fdf0066188.png)

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/78fa7a97b721044ffe9441e95974e8c4d5e63dc0.png)

---

<div class="post-metadata">

**Author:** ![lja](https://avatars.discourse-cdn.com/v4/letter/l/cab0a1/32.png) [@lja](https://forum.pinegrow.com/u/lja)\
**Post date:** [November 7, 2016, 9:04am UTC](https://forum.pinegrow.com/t/dropdown-menu-push-content-down-with-header-1/307/3 "2016-11-07T09:04:35Z")

</div>

Hi Rob, thanks for your answer!  
This is the default action with Header 3, but not with Header 1 in small view! The Header 1 hamburger menu does not push the content but slide down over content.  
I’ve seen in the bootstrap doc that this behavior is controlled with the .navbar-static-top class, but adding this class to the nav element in Header 1 is not working (or i dont know how to do it!).  
To get around, i started over from the bootstrap menu in navbar.html template instead of beginning with the Header 1 bloc.

---

<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:** [November 7, 2016, 9:13am UTC](https://forum.pinegrow.com/t/dropdown-menu-push-content-down-with-header-1/307/4 "2016-11-07T09:13:40Z")

</div>

@lja Sorry that was my mistake I didn’t even notice I’d used Header 3! Give me a few minutes and I’ll have a look.

---

<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:** [November 7, 2016, 9:42am UTC](https://forum.pinegrow.com/t/dropdown-menu-push-content-down-with-header-1/307/5 "2016-11-07T09:42:23Z")

</div>

@lja Have a look at this link, I think it is doing what you are looking for [Push content down page when menu expands - header1](http://codepen.io/glebkema/pen/PGbZPG)

---

<div class="post-metadata">

**Author:** ![lja](https://avatars.discourse-cdn.com/v4/letter/l/cab0a1/32.png) [@lja](https://forum.pinegrow.com/u/lja)\
**Post date:** [November 8, 2016, 10:30am UTC](https://forum.pinegrow.com/t/dropdown-menu-push-content-down-with-header-1/307/6 "2016-11-08T10:30:05Z")

</div>

It is exactly this! Thank you very much for your help!