• If the Admin left sidebar menu height is greater than the screen height, then the main content is not visible until the user scrolls.

    This issue is independent of themes and plugins and is occurring for me on multiple different installations and server setups. I am on Ubuntu 17.10, but the issue is replicatable in FireFox and Chrome. Haven’t testing in Edge, Safari or Windows.

    STEPS TO REPRODUCE:

    most “native” way: Use add_menu_page() to create multiple fake menu items – enough so that there are enough menu pages to make the sidebar height larger than the viewport.

    WHY THIS MATTERS

    My personal use case is that I have customized the admin section for clients and added some custom CSS to make the admin interface more modern and appealing – relevant CSS for this is adding padding to the menu li items. If the customer has too many plugins or custom post types etc, the extra menu padding causes the above bug as well.

    SOLUTION(?)

    The only “solution” I’ve been able to do is to add some small jQuery with a delated function to scroll the screen down 10px then back up 10px. Obviously calling this a “solution” is a huge stretch at best.

    What I’ve been doing for clients is deregistering the menus for all of their unnecessary plugins and stuff, then creating a new menu item called “others” with their extra menu items listed as submenus. This way I am amalgamating several menu items and reducing the overall.

    Does anyone have any ideas on how to fix this more permanently? Obviously having too many menu items is just overall bad practice, but we rarely have a say in what our clients do on their own.

    I assume that the issue is called by some javascript calculation, but I’ve yet to track it down. Any help or direction would be greatly appreciated.

  • The topic ‘If Admin sidebar height is greater than screen height…’ is closed to new replies.