# Menu Bar Settings

**URL:** <https://community.sitejet.io/t/menu-bar-settings/1440>\
**Category:** Website Builder\
**Tags:** cms\_menu\
**Created:** [February 10, 2022, 5:06am UTC](https://community.sitejet.io/t/menu-bar-settings/1440 "2022-02-10T05:06:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ahsan\_Iqbal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/ahsan_iqbal/32/873_2.png) [@Ahsan\_Iqbal](https://community.sitejet.io/u/Ahsan_Iqbal)\
**Post date:** [February 10, 2022, 5:06am UTC](https://community.sitejet.io/t/menu-bar-settings/1440/1 "2022-02-10T05:06:43Z")

</div>

Hi, I need help regarding the menu bar,

1 - I want to make the gap between the logo and menu items and I don’t know how it’s possible to make space between them when I try then both logo and menu items automatically align above each other.

2 - Moreover, the colour of the active menu item text should be changed with bottom line.

3- Make a border for the specific menu item.

Looking forward to hearing from you kind guidance. Thanks

 ![Screenshot 2022-02-10 100046](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/c5af95736de88627e11a4b60089a937d08489567.png)

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [February 10, 2022, 9:01am UTC](https://community.sitejet.io/t/menu-bar-settings/1440/2 "2022-02-10T09:01:36Z")

</div>

Hey there,

so basically you can only use the space that is there. You could:

- change the padding between the menu items
- make the font smaller
- remove one of the menu items (e.g. the social, if that is for social media. Use icons instead)
- or make the logo smaller
- change to burger menu in desktop mode

I have tried the first way and it looks a bit better when changing the padding:

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/d5e91d2b891d49da21af46f3897135fd4d3e01e9.jpeg)

Currently, when you try to change the color of the text when the trigger is active, you need to add the following code to the CSS:

```auto
.ed-menu>ul>li>a.active {
	     color: $color-primary;
	 }

```

Have a look:

![image](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/23933154553cc762667b4c2c67260e536667e86e.png)

We will discuss internally, if we do realize this via the style panel to make it more accessible.

The appearance of the menu item when triggering can also be changed in the style panel under **menu item**.

Let me know it that helps.

---

<div class="post-metadata">

**Author:** ![Ahsan\_Iqbal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/ahsan_iqbal/32/873_2.png) [@Ahsan\_Iqbal](https://community.sitejet.io/u/Ahsan_Iqbal)\
**Post date:** [February 10, 2022, 3:19pm UTC](https://community.sitejet.io/t/menu-bar-settings/1440/3 "2022-02-10T15:19:35Z")

</div>

code of active menu item colour is working but I am still unable to create space between logo and menu item,

Note\*\* not allowed from client to change the size of logo and font, or remove menu item.

can you please do for me or share with me the screenshot of each step, just like you shared above for padding, I tried to change padding but didn’t work.

One more thing I don’t how can I change the burger menu.

I am sorry for too many queries, a bundle of thanks would be for your help. Thanks

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [February 11, 2022, 11:22am UTC](https://community.sitejet.io/t/menu-bar-settings/1440/4 "2022-02-11T11:22:13Z")

</div>

Hey there,

Let me give you my PayPal account for this . Haha, joke. No worries 🙂

Could you give me the preview link or the six-digit website ID? Happy to check and record you a screencast.

---

<div class="post-metadata">

**Author:** ![Ahsan\_Iqbal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/ahsan_iqbal/32/873_2.png) [@Ahsan\_Iqbal](https://community.sitejet.io/u/Ahsan_Iqbal)\
**Post date:** [February 11, 2022, 12:02pm UTC](https://community.sitejet.io/t/menu-bar-settings/1440/5 "2022-02-11T12:02:09Z")

</div>

Sure, here it is 345298
