Move the wp-admin bar to the bottom

Author: 

Paul Lacey

---

Description: 

Hi all,

Here’s a super useful (it’s useful for me anyway) little CSS snippet I created this evening after getting frustrated with the wp-admin bar getting in the way of building my Beaver Builder layouts and especially when I was tweaking mobile views.

---

Kind:

CSS

---

CSS:

/* Move the wp-admin bar to the bottom */
#wpadminbar {
bottom: 0;
position: fixed;
top: initial;
}
body.logged-in.admin-bar {
margin-top: -32px;
}
@media(max-width:782px) {
body.logged-in.admin-bar {
margin-top: -46px;
}
}

---