Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1274493

    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

    #1274637

    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

    #1274781
    This reply has been marked as private.
    #1274946

    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

    #1275113

    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

    #1275519

    Hi Felix,

    I see, I will forward this to our devs.

    Best regards,
    Nikko

    #1280662

    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

    #1281979

    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

    #1282936

    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

    #1283092

    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

    #1283095

    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

    #1283835

    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

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.