Child Menus

[andrew19]

Hi

Hubspot have just migrated our Website, 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 

child menus 

[andrew19 · Accepted solution]

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.

[Kevin-C]

Hey @andrew19 

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

.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.

[andrew19 · Accepted solution]

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.

[andrew19 · Accepted solution]

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