This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 3 years, 1 month ago.

Menu Toggler


  • josephgiese
    Participant

    Member Reply #945

    On the Admin 1 theme, I would like to replace the menu toggler image with a font awesome icon, similar to how the quick sidebar toggler functions. Could you please advise how to best accomplish this?

    Sean
    Sean
    Keymaster

    Posts: 4451
    Support Staff Reply #966

    Hi :),

    You can use below code in your custom.css file:

    .page-sidebar .sidebar-toggler,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
    background: none;
    font-family: FontAwesome;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    border: 1px solid #ffffff;
    }

    .page-sidebar .sidebar-toggler:before {
    content: “\f00c”;
    position: relative;
    top: 4px;
    left: 6px;
    }

    To change the icon you will need to provide an icon code.  You can get it using chrome dev tools on http://keenthemes.com/preview/metronic/theme/templates/admin/ui_icons.htm by referring to the icon’s :before attribute.

    Thanks.

     

Tagged: 

You must be logged in to reply to this topic.