-
Posts
-
A client of us wanted to have multiple icons in their header.
We managed to implement his wishes, but now – whenever we use any icon element anywhere on the page, the layout of the header breaks.It seems like the added icon element overwrites the settings of the header element, no matter what we do.
Any ideas what we can do to fix this, other than just advising the client not to use any icon elements?
Regular look:
After using an Icon element:
Sorry for not mentioning it in my initial post, but we probably used the same, faulty code, for the menu element.
<span class=”av_font_icon avia_animate_when_visible av-icon-style-border av-no-color avia-icon-pos-center avia_start_animation avia_start_delayed_animation” style=””><span class=”av-icon-char” style=”font-size:22px;line-height:20px;width:20px;” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span></span> Anfrage senden
But by following your editing of the header element, and removing the first <span> tag, we managed to fix that one aswell!
Thank you!
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit
- The topic ‘Icons implemented in Header – Layout breaks when any other Icons are used’ is closed to new replies.