Header - align top of sub links menu to bottom of header

[WaggingLabs]

I’d like to shift the sub links menu to start at the bottom of the header, like the mega services menu to the left, but forget how to go about this.

TIA!

[tristup]

Hi @WaggingLabs,

Unfortunately, the site access credentials do not work. Can you please check and reshare it once again?

Thanks

[WaggingLabs]

@tristup Sorry about that! - I’ve updated the secure note.

[tristup]

Hi @WaggingLabs,

I have checked your website and understood what exactly you want. To start the Sub Menu from the left, you need to adjust the Width accordingly.

Hope it helps.
Thanks

[WaggingLabs]

@tristup thanks for the immediate reply, but I was trying to get the About sub links to start at the bottom of the top menu. (while keeping the second gold particle line where it is) I know there’s a way, but I can’t see it at the moment.

The Services mega menu to the left of the About menu is what I’m tryin to achieve:

[prakash_s]

Hello @WaggingLabs,

In order to align the sublinks, you need to add the custom element CSS code for that you need to go to the Navigation Inline element —>Customize —>Element CSS

$el ul.sub-menu.x-dropdown {
    top: 84px;
}

Please feel free to change the top value as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[WaggingLabs]

Thank you! That’s very helpful.

[prakash_s]

You are most welcome @WaggingLabs