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

Menu Toggler

  • josephgiese

    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?


    Posts: 4527
    Support Staff Reply #966

    Hi :),

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

    .page-sidebar .sidebar-toggler, .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 by referring to the icon’s :before attribute.




You must be logged in to reply to this topic.