Support » Plugin: Kodeo Admin UI » Show Menu Icons is broken

  • Resolved gecko_guy



    When choosing the option to show the dashboard icons, all of the sub-menu-icons are misaligned because of the max-width setting of 100% applied to the list items by Kodeo.

    If you add a left float to the <li> selector it seems to solve the problem:

    .kaui #adminmenu>li {
      float: left;
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author kodeo


    sorry to let you wait on this.
    I tried to reproduce the issue with the menu icons but I’m not sure with it.
    What I notice is that if the window width is smaller than 782px the icons overlay the menu title.
    If that the issue you describe?

    @kodeo I have the issue you describe when viewing the admin pages on my mobile. Is there a fix for that?

    Plugin Author kodeo


    Thank you for help us to improve the theme.

    I think about how to solve this issue.

    We could either…
    1. Fix this issue by adding margin-left to the title names (but then there will be less space for the title names)
    2. Hide the icons for mobile

    What would you suggest?

    @kodeo – I would say that it is probably best to hide the icons on mobiles because you are right in saying that they occupy valuable space.

    Plugin Author kodeo


    You will find the fix in the next version.

    If you don’t want to wait you also can add this code into the Admin CSS

    @media (max-width: 782px) {.kaui #adminmenu .wp-menu-image.dashicons-before {display: none;}}

    • This reply was modified 4 months, 2 weeks ago by kodeo.
    Plugin Author kodeo


    Thanks for reporting. Marked as resolved

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.