# Advance menu active page

**URL:** <https://community.hubspot.com/t/advance-menu-active-page/1236>\
**Category:** CMS Development\
**Created:** [March 7, 2017, 3:45pm UTC](https://community.hubspot.com/t/advance-menu-active-page/1236 "2017-03-07T15:45:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robert](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/robert/32/99949_2.png) [@Robert](https://community.hubspot.com/u/Robert)\
**Post date:** [March 7, 2017, 3:45pm UTC](https://community.hubspot.com/t/advance-menu-active-page/1236/1 "2017-03-07T15:45:39Z")

</div>

I am using an Advance menu to navigate throu some static pages and I want to build an active element where is highlighted based on the page that I am currently. Is that possible? if yes, what would be the most appropriate way to do it?

Kind Regards

Robert

---

<div class="post-metadata">

**Author:** ![ndwilliams3](https://avatars.discourse-cdn.com/v4/letter/n/c4cdca/32.png) [@ndwilliams3](https://community.hubspot.com/u/ndwilliams3)\
**Post date:** [March 9, 2017, 3:30pm UTC](https://community.hubspot.com/t/advance-menu-active-page/1236/2 "2017-03-09T15:30:54Z")

</div>

@Robert,

You can easily do that with CSS.

```auto
.hs-menu-wrapper.hs-menu-flow-horizontal li.active a{
add your style for active item
}

```