Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 21, 2021 at 6:22 pm #1274493
    geenen-it-systeme

    Hi,

    we have an issue with enfold in the backend menu editor where the avia.css seems to override the wp-css files (The placeholder is not indented). Do you guys have a neat fix for that or is it addressed in one of the upcoming releases? Or is it even a bug related to our configuration?

    Admin Menu Editor Bug

    We already updated WordPress (5.6) and Enfold (4.7.6.4) to the latest versions.

    Many thanks in advance!
    Felix

    January 22, 2021 at 7:03 am #1274637
    Nikko

    Hi Felix,

    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

    January 22, 2021 at 4:26 pm #1274781
    geenen-it-systeme
    This reply has been marked as private.
    January 23, 2021 at 12:45 pm #1274946
    Nikko

    Hi Felix,

    Thanks for giving us admin access.
    I apologize I was assuming that it was not draggable but it seems you were only referring to the CSS.
    I believe that is an intended css behavior to help visually see where the list item will be moved, is this somehow causing any issues on your end?
    The css can be found in enfold > framework > css > avia_admin.css line 1536-1541

    Best regards,
    Nikko

    January 24, 2021 at 6:09 pm #1275113
    geenen-it-systeme

    Hi Nikko,

    the problem is, that the dotted box does not have the correct indentation since the margin is overridden by the avia.css.
    So you can’t visually see what the current level of the dragged element is.

    Best regards,
    Felix

    January 26, 2021 at 4:26 pm #1275519
    Nikko

    Hi Felix,

    I see, I will forward this to our devs.

    Best regards,
    Nikko

    February 16, 2021 at 12:59 am #1280662
    geenen-it-systeme

    Hi Nikko,

    I didn’t hear anything so far from you or the devs. Were you able to figure out the problem?
    The temporary login is valid this week again if you want to do some further investigations.

    Cheers!
    Felix

    February 18, 2021 at 1:13 pm #1281979
    Ismael

    Hi,

    Sorry for the delay. We will forward the issue again to our developers. For the meantime, please use this css code to override the code in the avia_admin.css file.

    .ui-sortable-placeholder {
    margin: auto !important;
}

    Best regards,
    Ismael

    February 23, 2021 at 12:22 am #1282936
    geenen-it-systeme

    Hi Ismael,
    the solution you provided does not work as expected. I figured out my own (ugly) temporary solution but would be glad if it get’s fixed in the future releases.

    style-admin.css:

    /* Fix Enfold Menu Bug */
.menu-item-depth-1 {
    margin-left: 30px;
}
.menu-item-depth-2 {
    margin-left: 60px;
}
.menu-item-depth-3 {
    margin-left: 90px;
}
.menu-item-depth-4 {
    margin-left: 120px;
}
.menu-item-depth-5 {
    margin-left: 150px;
}
/* add more depth if needed... */

    Remember to add your stylesheet to the admin section:

    functions.php:

    function admin_style() {
   wp_enqueue_style('admin-styles', get_stylesheet_directory_uri().'/style-admin.css');
}

add_action('admin_enqueue_scripts', 'admin_style');

    Cheers,
    Felix

    February 23, 2021 at 2:17 pm #1283092
    Ismael

    Hi,

    Thank you for the update.

    Glad to know that you have found a temporary solution. We tested the the issue on our end, and we might have found a working solution using a simple css code. Please remove the css code above, then try this one instead. 

    .menu-item-edit-inactive .ui-sortable-placeholder:not(.menu-item-handle) {
    margin: 0 5px;
}

    Best regards,
    Ismael

    February 23, 2021 at 2:22 pm #1283095
    geenen-it-systeme

    Hi,

    that doesn’t work for me.
    The dotted placeholder is still stuck at the left side when dragging a menu item.

    Best regards
    Felix

    February 26, 2021 at 1:00 pm #1283835
    Ismael

    Hi,

    Thank you for following up.

    Did you purge the cache and disable the Enfold > Performance > File Compression settings after adding the css code? The suggested css code works properly in our own installation, it corrects the indentation based on the depth or level of the dragged menu item.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.