Misconfiguration after Elementor 3.4 upgrade

Anyone can help with the issue?

Thanks

Hey @pchenriques – Thanks for your message and apologies for the late answer. Please find all necessary details down below:

The problem:
This issue occurs cause Elementor uses a flex field on the input. In combination with our feature, we wrap this text in another <span> attribute, which causes the element to be treated as one instead of the icon and the text separate.

The solution:
To solve that, you have two ways – both don’t differ much from the end result, so feel free to decide for yourself what works best for you:

Solution 1:
Simply remove the Link field within the Elementor icon list and only add the email (without anything else) into the Text field.
This causes the email to be turned automatically into a clickable link by default (Except you have deactivated the setting within the advanced settings of our plugin under your WordPress dashboard -> Email Encoder).

Solution 2:
Please add the following code to your custom CSS:

.elementor-icon-list-item .mailto-link > span[id^=eeb-]{
	display:flex;
}

You can do that by heading over to your WordPress dashboard -> Appearance -> Customize -> Additional CSS.
This will fix the issue for all of the list item fields automatically.

I hope this helps you so far. In case you have any further questions, feel free to reach out at any time. ??

• This reply was modified 3 years, 2 months ago by Ironikus.

Hey @ironikus
Very sorry for the very late answer. I completely missed the e-mail notification. Sorry…
I’ve implemented Solution 1, for now, as Solution 2 doesn’t make any changes. I just copied the code as written in the post. Should I have made any changes to it?
Thanks for the support.
Cheers

Hey @pchenriques – Thanks for your answer on this topic.
For solution 2 you didn’t need any adjustments. It might to work if you adjust the others settings beforehand.
If it works with your first solution, then I suggest sticking with that one. ??