Hi, nvm I managed to fix it. If I remember correctly it was this code that I managed to dig up which did the trick:
#logo-wrap {
display: block;
float: none;
width: 100%;
text-align: center;
}
I also removed the header for everything above 979px width resolution because I like having the site title in the sidebar instead when the screen is big enough so that the sidebar is visible on the top of the page.
@media screen and (min-width: 979px) {
#logo-wrap {
display: none;
}