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

  • Resolved gecko_guy

    (@gecko_guy)


    Hi,

    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

    (@kodeo)

    Hello,
    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

    (@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)
    or
    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

    (@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

    (@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.