Navigation Dropdown Alignment

Support
#1

I have a Navigation Dropdown element in the body of a page. The Toggle Button is left aligned, but the dropdown menu is aligned to the left of the container. I have played with padding and margin but have not found a solution that makes the dropdown menu appear directly under the toggle on all screen sizes. Ideally, the dropdown menu would align to the left of the container like the toggle.

See screenshot for reference,

Thanks for all the great support!

#2

Hello Josh,

Thanks for asking. :slight_smile:

Please add following CSS under Customize > Setup > Element CSS of Navigation Dropdown element:

$el{left: 0; }

To learn more about CSS left property, please take a look at following resource.

https://www.w3schools.com/cssref/pr_pos_left.asp

Thanks.

#3

Thank you!!

#4

You’re welcome!
We’re glad we were able to help you out.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.