Is It Possible to Center the Mega Menu Caret Under the Main Menu Item Responsively?

[Chris22]

Is it possible to keep the caret of a mega menu (within the Nav (Nestable) element in Bricks 2.0.1) perfectly centered beneath its associated main menu item — regardless of screen size?

What I’ve done so far:

• I’ve set the width of the mega menu using the CSS selector (Horizontal), targeting the main menu element’s ID.
• To position the caret, I manually adjusted it via: Nav (Nestable) > Nav Items > Dropdown > CONTENT > CARET > Position > Left. However, this only allows for a fixed value.

The issue:
When the window width becomes narrower than the main menu container, the caret shifts out of alignment — drifting to the right and no longer staying centered under its parent menu item.

Question:
Is there a responsive or dynamic method to keep the caret consistently centered beneath its respective menu item?

Cheers,
Chris

[yaschan]

same issue here, would really like to know answer.

[shingen]

I am able to achieve it with using % with my value and works on different screen sizes.

You could also use a calc function within your variable for spacing and get the same result.