Hummingbird styling issue

After WordPress update to 4.9 the Hummingbird popup during test performance is cut off. Please advise

  • Ari
    • Recruit

    Topic: https://premium.wpmudev.org/forums/topic/hummingbird-styling-issue?replies=1#post-1286857

    Hey Bottle Post Media S.L.U.

    Hope you are well today!

    I have performed conflict test and find out the plugin "ultimate tables" which is causing the issue, when I deactivated this plugin, the problem was solved.

    The problem is they have added the below CSS code globally for every admin pages.

    div.box {
        height: 100px;
        ...
    }

    it sets the height to 100px for every div.box element.
    In humingbird we have also div.box, this was overriden by that one.

    So I suggest you to contact to "ultimate tables" devs & inform about this conflict.

    I have fixed the problem by overriding our div.box by adding some CSS.
    I have added these CSS in the wp-content/mu-plugins/fix-box-height.php
    If you want to remove it just delete the fix-box-height.php file from mu-plugins folder.

    Here is the code I have added in the mu-plugins/fix-box-height.php

    <?php
    
    function hummingbird_fix() {
        ?>
        <style type="text/css">
    
    		.wpmud .dev-overlay .box {
    		    height: auto;
    		}
    
        </style>
        <?php
    }
    
    add_action( 'admin_head', 'hummingbird_fix');

    If you have any problem let me know here.

    Regards, Ari

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.