# How to change the header menu bar spacing?

**URL:** <https://community.wpbeaverbuilder.com/t/how-to-change-the-header-menu-bar-spacing/5093>\
**Category:** BB Theme\
**Created:** [October 21, 2015, 5:42am UTC](https://community.wpbeaverbuilder.com/t/how-to-change-the-header-menu-bar-spacing/5093 "2015-10-21T05:42:02Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![be4co4](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/b/9dc877/32.png) [@be4co4](https://community.wpbeaverbuilder.com/u/be4co4)\
**Post date:** [October 21, 2015, 5:42am UTC](https://community.wpbeaverbuilder.com/t/how-to-change-the-header-menu-bar-spacing/5093/1 "2015-10-21T05:42:02Z")

</div>

Hi!

How do change the header menu bar spacing? It’s a bit too high compared to menu buttons (text).

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [October 21, 2015, 7:48am UTC](https://community.wpbeaverbuilder.com/t/how-to-change-the-header-menu-bar-spacing/5093/2 "2015-10-21T07:48:23Z")

</div>

Hey Pärt,

Do you mind showing a screenshot of what you’re trying to do as well as the URL of the site in question so we can take a look? Sorry, it’s just I’m having a bit of a hard time picturing it out.

Ben

---

<div class="post-metadata">

**Author:** ![be4co4](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/b/9dc877/32.png) [@be4co4](https://community.wpbeaverbuilder.com/u/be4co4)\
**Post date:** [October 22, 2015, 12:30am UTC](https://community.wpbeaverbuilder.com/t/how-to-change-the-header-menu-bar-spacing/5093/3 "2015-10-22T00:30:35Z")

</div>

[Content Hidden]

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [October 22, 2015, 7:32am UTC](https://community.wpbeaverbuilder.com/t/how-to-change-the-header-menu-bar-spacing/5093/4 "2015-10-22T07:32:07Z")

</div>

Hey Pärt,

Try the CSS snippet below. Currently on your site, both padding is set to 15px.

```auto
@media (min-width: 768px) {
  .fl-page-header-primary .fl-page-nav .navbar-nav > li > a {
    padding-top: 5px
    padding-bottom: 5px
  }
}

```

Ben

---

<div class="post-metadata">

**Author:** ![be4co4](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/b/9dc877/32.png) [@be4co4](https://community.wpbeaverbuilder.com/u/be4co4)\
**Post date:** [October 22, 2015, 10:58pm UTC](https://community.wpbeaverbuilder.com/t/how-to-change-the-header-menu-bar-spacing/5093/5 "2015-10-22T22:58:47Z")

</div>

Thanks Ben, I did put it customized \> code \> css, but didn’t do anything 😕  
Wrong place?

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [October 23, 2015, 6:37am UTC](https://community.wpbeaverbuilder.com/t/how-to-change-the-header-menu-bar-spacing/5093/6 "2015-10-23T06:37:59Z")

</div>

Hey Pärt,

That’s the correct place to put it. I just checked the site again and it has a different layout?

Ben

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:19pm UTC](https://community.wpbeaverbuilder.com/t/how-to-change-the-header-menu-bar-spacing/5093/7 "2019-04-27T22:19:16Z")

</div>