Centre aligned flyout menu

[razorpig]

Hi,

Is it possible to centrally align a flyout menu to it’s parent item? I only see options for left and right alignment.

Referring to the URL in the secure note, I’d like the animations drop-down menu centrally aligned.

Many thanks.

[paul.r]

Hi Marky,

It’s possible if your sub-menu has a fixed width.

You can try adding the code below in Theme Options > CSS

.masthead-inline .x-navbar .desktop .sub-menu {
    left: auto;
    right: calc(50% - 100px);
    min-width:200px;
}

You may change the min-width to adjust just make sure to deduct the half from 50%

Hope that helps.