# Child Menus

**URL:** <https://community.hubspot.com/t/child-menus/16900>\
**Category:** CMS Development\
**Tags:** navigation\
**Created:** [October 24, 2019, 3:51pm UTC](https://community.hubspot.com/t/child-menus/16900 "2019-10-24T15:51:49Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![andrew19](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/andrew19/32/78108_2.png) [@andrew19](https://community.hubspot.com/u/andrew19)\
**Post date:** [October 24, 2019, 3:51pm UTC](https://community.hubspot.com/t/child-menus/16900/1 "2019-10-24T15:51:49Z")

</div>

Hi

Hubspot have just migrated our Website, [arcivate.com](http://arcivate.com), to use Hubspot CMS and we are trying to use child menus.

Currently the child menu displays to to right and run off the page.

How do we get it to display to left or right dependant on the position of the menu item?

See attached image showing the problem

 ![Hubspot child menus.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/b/abe2325fdc40ab9e6ee8b912df2d115aa91304d9.jpeg)  
child menus

---

<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:** [October 27, 2019, 8:38pm UTC](https://community.hubspot.com/t/child-menus/16900/2 "2019-10-27T20:38:53Z")

</div>

Hey @andrew19

You could adjust the sub menu’s position like so:

```auto
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
 left: -390px;
}

```

Rather than having the left propery set to 100%, which places it on the right side you use a negative percentage or number to place it to the left side.

---

<div class="post-metadata">

**Author:** ![andrew19](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/andrew19/32/78108_2.png) [@andrew19](https://community.hubspot.com/u/andrew19)\
**Post date:** [October 28, 2019, 1:17pm UTC](https://community.hubspot.com/t/child-menus/16900/3 "2019-10-28T13:17:56Z")

</div>

Hi Kevin-C

Thank you for your response, which I will arrange to test but it sounds like the perfect answer.

Thanks for your help.

---

<div class="post-metadata">

**Author:** ![andrew19](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/andrew19/32/78108_2.png) [@andrew19](https://community.hubspot.com/u/andrew19)\
**Post date:** [October 28, 2019, 3:34pm UTC](https://community.hubspot.com/t/child-menus/16900/4 "2019-10-28T15:34:33Z")

</div>

Hi Kevin-C

I have been able to update our site by just adding the minus sign in front of the 100%

Your comment of;

“Rather than having the left propery set to 100%, which places it on the right side you use a negative percentage or number to place it to the left side.”

Is the perfect answer.

Thanks very much for your help