Nav Menu: Submenu Indicator spacing still present when 'None' selected

[simonclay]

Prerequisites

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• The issue still exists against the latest stable version of Elementor.

Description

When selecting 'None' for Submenu Indicator in the Content tab of Nav Menu, Elementor still displays the spacing to the right of the nav item where the indicator would be.

If 'None' is selected for Submenu Indicator, the space should be removed.

selector span.sub-arrow { display: none } solves the issue.

[ajoah]

I confirm the issue

[shilo-ey]

This issue has been resolved in Elementor Pro v3.4.0

Feel free to update

Thanks!

[puregraphx]

This issue has been resolved in Elementor Pro v3.4.0

I am already on 3.4.1. and the issue is still visible. The Sub Arrow still takes 10px of space which causes an annoying glitch (bad for Google CLS score)
Padding should be 0 when sub arrow is not displayed.

/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css
.elementor-nav-menu .sub-arrow { line-height: 1; padding: 10px 0 10px 10px; margin-top: -10px; margin-bottom: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;

I fixed it with this css, be sure to include "body" otherwise the declaration is not specific enough and will be overwritten by /widget-nav-menu.min.css

'body .elementor-nav-menu .sub-arrow {display:none;padding:0}'

[morgank-atl]

I'm on Pro version 3.4.2 and this issue is still happening.

[Hativ]

Still an issue today.

[ThomasDK81]

Still a bug in v3.16.5

[ronnyadsetts]

This remains a bug ~3 years since reporting in v3.21.8.