Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 19, 2021 at 10:22 am #1282169
    Lars

    Hello!
    After I updatet the Enfold Theme (I’m using an enfold parent and child) one of the icons in a flex column got displaced. This problem only occurs on the firefox browser and not on Chrome or Microsoft Edge. The Icons moves to the correct position as soon as you would change the window size. It is just the first icon in the column- the other 3 ones work perfectly. The same column on the homepage of the same website works without any problems.

    We already tried to find a solution in our CSS and tried to copy the working column to the other side- neither worked. Do you have any Idea what might cause this problem?

    February 22, 2021 at 11:10 am #1282751
    Ismael

    Hey Lars,

    Thank you for the inquiry.

    We can see the issue on Firefox, but could not figure out what is causing it. Maybe this css code will help.

    .av-align-top {
	vertical-align: top !important;
}

    That is the only property that seems to be affecting the alignment of the icons.

    Best regards,
    Ismael

    February 22, 2021 at 1:17 pm #1282783
    Lars

    Hey Ismael,
    I tried adding your suggested CSS Code, but unfortunately it didn’t resolve the issue. Do you have any other Ideas what might be the problem here?

    Best regards

    February 23, 2021 at 11:49 am #1283041
    Nikko

    Hi Lars,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    February 23, 2021 at 4:03 pm #1283121
    Lars

    Hello,

    i’ve followed your steps and will provide the link in the private section of this reply. Let me know if you need further information.
    Thank you for your support!

    Best regards.

    February 24, 2021 at 8:59 am #1283314
    Nikko

    Hi Lars,

    We have added this CSS code in Enfold > General Styling > Quick CSS:

    .page-id-5190 .av-equal-height-column-flextable .av-equal-height-column {
    vertical-align: middle;
}

    Please check if it works properly on your end.

    Best regards,
    Nikko

    February 24, 2021 at 10:53 am #1283349
    Lars

    Hello,
    thank you so much, that works for me!

    Best regards

    February 24, 2021 at 1:36 pm #1283389
    Nikko

    Hi Lars,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Icon displacement after Enfold Update 4.7.6.4’ is closed to new replies.