# CSS ID and Class for each Navigation items

**URL:** <https://community.hubspot.com/t/css-id-and-class-for-each-navigation-items/20219>\
**Category:** HubSpot Ideas\
**Tags:** content\
**Created:** [April 20, 2020, 2:14pm UTC](https://community.hubspot.com/t/css-id-and-class-for-each-navigation-items/20219 "2020-04-20T14:14:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![zoomint](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/zoomint/32/53869_2.png) [@zoomint](https://community.hubspot.com/u/zoomint)\
**Post date:** [April 20, 2020, 2:14pm UTC](https://community.hubspot.com/t/css-id-and-class-for-each-navigation-items/20219/1 "2020-04-20T14:14:13Z")

</div>

Hi,

it would be great to have possibility to setup ID and Class for Navigation items element to have simple option how to override CSS styles. There is just setup link possible now.

Thanks

---

<div class="post-metadata">

**Author:** ![Indra](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/indra/32/98381_2.png) [@Indra](https://community.hubspot.com/u/Indra)\
**Post date:** [February 24, 2021, 9:11am UTC](https://community.hubspot.com/t/css-id-and-class-for-each-navigation-items/20219/2 "2021-02-24T09:11:47Z")

</div>

It would be great to add this feature so you can directly style of customize a menu item.

There are alternatives like use css nth-child but this is error sensitive when adding of changing the menu items.

Also javascript is possible, but this will influence the CLS (Cumulative Layout Shift) since it will first render the html, then css and then Javascript.

---

<div class="post-metadata">

**Author:** ![Sjardo](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sjardo/32/52178_2.png) [@Sjardo](https://community.hubspot.com/u/Sjardo)\
**Post date:** [February 24, 2021, 9:13am UTC](https://community.hubspot.com/t/css-id-and-class-for-each-navigation-items/20219/3 "2021-02-24T09:13:48Z")

</div>

This will be a great win to fight lot’s of issues! Any updates?

---

<div class="post-metadata">

**Author:** ![eferguson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/eferguson/32/95715_2.png) [@eferguson](https://community.hubspot.com/u/eferguson)\
**Post date:** [September 27, 2023, 3:27pm UTC](https://community.hubspot.com/t/css-id-and-class-for-each-navigation-items/20219/4 "2023-09-27T15:27:19Z")

</div>

I just had a client ask me about this. Would love this ability.