I’m looking to achieve the sort of sticky border you get from the default TwentySixteen WordPress theme where the border sticks on the edges of the browser, rather than the boundaries of the website containers.
I’ve dug around for possible solutions but haven’t managed to stumble across anything that came close. Forgive me if I’ve missed it.
I tried using psuedo elements here:
body:before, body:after {
content: “”;
position: fixed;
background: #333;
left: 0;
right: 0;
height: 10px;
}
body:before {
top: 0;
}
body:after {
bottom: 0;
}
body {
border-left: 10px solid #333;
border-right: 10px solid #333;
}
With this, it’s looking like something isn’t allowing it to run along the top or to the sides of the footer in some instances.