Particle and submenu at bottom of bar

[nathandutoit]

How do I get the particle hover effect and submenu to appear at the very bottom of the bar while keep the same amount of blue space around the navigation?

Website build - https://7kf.225.myftpupload.com/

[ruenel]

Hello @nathandutoit,

Thanks for writing in!

To accomplish what you have in mind, you will need to do the following:
1.) Please click the container and set the Flexbox Vertical Alignment to “End”.

2.) Click the Navigation Inline element, find the Navigation Inline > Menu > Top Links > Padding. Set the bottom padding to 1em.

And this is how it should look like:

Hope this helps.

[nathandutoit]

Perfect. Thanks!

[nathandutoit]

There is just one thing… I was hoping to keep the same amount of blue space under the nav that is above the topbar links. Changing the bottom padding to 1em reduces this space and so now everything looks off center vertically. Is there a way to increase the padding under nav and still keep the particle at bottom of bar?

[tristup]

Hi @nathandutoit,

You can make the same height by increasing the height of the Header Bar to exact height of the Footer. Please find the screenshot describing the settings.

Thanks