Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1204656

    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:
    Regular look

    After using an Icon element:
    after using icon element

    #1204698

    Hey,

    Thanks for contacting us!

    I edited your code in header extra info field and deleted first Span tag wrapping icon. Could you please try once again? :)

    Best regards,
    Yigit

    • This reply was modified 4 years, 5 months ago by Yigit.
    #1209547

    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!

    #1209559

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Icons implemented in Header – Layout breaks when any other Icons are used’ is closed to new replies.