25% off ProSNIPC25OFF
Get Pro

Move Admin Bar to Bottom

Repositions the WordPress toolbar from the top of the viewport to the bottom using CSS overrides.

CSSby SnipCraft
css
/* Move the WordPress admin bar from top to bottom */
#wpadminbar {
    top: auto !important;
    bottom: 0;
}

html {
    margin-top: 0 !important;
}

* html body {
    margin-top: 0 !important;
}

body.admin-bar {
    margin-top: 0 !important;
    padding-bottom: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        padding-bottom: 46px;
    }

    #wpadminbar {
        position: fixed;
    }
}
#admin#admin-bar#css#positioning
Get SnipCraft freeOpen in SnipCraft Cloud ↗