If you’re using Elementor Pro’s Nav Menu widget, you can easily control the spacing between menu items by adjusting a few settings:

✅ Step-by-Step Instructions:

1. Edit Header with Elementor

• Go to your WordPress dashboard → Templates > Theme Builder > Header

• Click Edit with Elementor

2. Select the Nav Menu Widget

• Click on the Nav Menu in your header

• Make sure it’s the actual menu (not a text or button)

3. Go to the “Style” Tab

• In the Elementor panel (left side), click the Style tab

4. Open “Menu” Settings

• Inside the Style tab, click “Menu” (this will control spacing, color, typography, etc.)

5. Adjust “Horizontal Padding”

• Find the “Horizontal Padding” or “Item Gap” option

• Increase the value (e.g., 15px, 20px) to create spacing between menu items

6. Responsive Tip (Optional)

• Switch to Tablet or Mobile view and adjust the spacing separately to keep it clean across all devices

You can also use this code in Advanced Custom-

.elementor-nav-menu–main > li:not(:last-child) {
margin-right: 20px;
}