# Fixed Navigation Bar on HubL

**URL:** <https://community.hubspot.com/t/fixed-navigation-bar-on-hubl/19452>\
**Category:** CMS Development\
**Tags:** design-manager, navigation\
**Created:** [March 16, 2020, 10:34am UTC](https://community.hubspot.com/t/fixed-navigation-bar-on-hubl/19452 "2020-03-16T10:34:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sinem](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sinem/32/98997_2.png) [@Sinem](https://community.hubspot.com/u/Sinem)\
**Post date:** [March 16, 2020, 10:34am UTC](https://community.hubspot.com/t/fixed-navigation-bar-on-hubl/19452/1 "2020-03-16T10:34:59Z")

</div>

Hello I am creating a post again because I think I didn’t express myself well on the last one.

I am creating a website in the design manager. I have created my menu in the Settings\>WebSite\>Navigation.

 ![settings.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/e/9/e9344c6a600ef12d7b074a0dbaf012f4d23728f1.png)  
Settings\>WebSite\>Navigation

In my module.HubL file I want to use this menu and I do this :

 ![code_module.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/a/ab2097b118c17451f0298e38cf6f3a70669b8fb6.jpeg)  
Module HubL

when I use this CSS it doesn’t work I just want something like a navigation bar in my header.

The preview of the module is as followed :

 ![preview.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/2/821cadc6b241885a3ef178b80448a6e8c1ef00c9.png)  
Preview

Even the background-color property doesn’t work… If you know what is the problem or how can I do to have my navigation bar I would be so glad to have your answers.

I would like to have something as easy as this but I have to use the menu that I have created in the settings:

 ![navigation.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/2/0/209ccabdf72cce952e730bb6533e957447bb18d6.png)

Thanks for your help.

Best regards, Sinem.

---

<div class="post-metadata">

**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\
**Post date:** [March 16, 2020, 1:05pm UTC](https://community.hubspot.com/t/fixed-navigation-bar-on-hubl/19452/2 "2020-03-16T13:05:21Z")

</div>

Hey @Sinem

So using the menu builder you’ll have to implement some more specific CSS than what you’ve got there. I’ve seen someone in the community post a file with the empty css selectors that are generated for the menus, for just the this reason. I’d suggest searching for that file, I will also spend a little time looking for it .

I would also suggest you create a test url and post it here so we can take a closer look..

---

<div class="post-metadata">

**Author:** ![Sinem](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sinem/32/98997_2.png) [@Sinem](https://community.hubspot.com/u/Sinem)\
**Post date:** [March 16, 2020, 3:29pm UTC](https://community.hubspot.com/t/fixed-navigation-bar-on-hubl/19452/3 "2020-03-16T15:29:22Z")

</div>

Hi @Kevin-C ,

I will take a look , thanks for replying !

Best regards, Sinem.