Center Custom Logo

Hi,

I apologize if this post is not the appropriate format. It is my first time posting. I have been pulling out my hair trying to fix this issue.

I removed my site header on my responsive site (caused a lot of issues) and tried replacing it with a custom logo. I have tried all of the CSS I found in the forums and elsewhere online and it still will not center.

.woocommerce-page .page-title {
  display: none;
}
#access {
margin-bottom: 0;
}
body.home #content {
margin-top: -190px;
}
body.post-type-archive-product #content {
	margin-top: -150px;
}
.page-id-12 #content {
	margin-top: -50px;
}
.page-id-5 #content {
	margin-top:-50px;
}
.storefront-recent-products {
  margin-top: -50px;
	margin-bottom: 0;
}
.site-branding {
	margin-bottom: -40px
}
@media screen and (max-width: 1112px) {Img.wp-image-191 {display:none;}}
@media screen and (max-width: 812px) {.site-branding {
	margin: 0 auto;}
	button.menu-toggle {
    margin: 0 auto;
    float: none;
		display: block;}
.woocommerce-pagination {
	margin-top: 50px;
	}
	header#masthead {
background-image: url(cropped-Post-and-Stud-6.png);
		background: none !important;}}
.storefront-handheld-footer-bar ul li.home > a:before {
	content: "\f015";
}
header#masthead {
background-image: url(cropped-Post-and-Stud-6.png);
			background-repeat: no-repeat;
	background-position: left;
	}
#site-navigation {
    width: 100%;
    display: inline-block;
}
@media screen and (min-width: 812px) {.custom-logo {display: none;}}

I want to have the Post and Stud text centered above the toggle menu. The site is still in the building stages, so unsure how to provide the forum with a preview of the “live site”.

Here is a screen shot.

Thanks,

Jordan

• This topic was modified 7 years, 2 months ago by Jan Dembowski.
• This topic was modified 7 years, 2 months ago by Jan Dembowski. Reason: Fixed formatting