Center logo in Estate theme

Resolved 2 replies theme theme-estate

11 years ago · Last reply by Andrew Misplon 11 years ago

Between Pagebuilder and your themes, I really love SiteOrigin’s work! To my issue…

I’ve scraped together pieces of code from other threads and have used some of them to center the menu and trim space around the logo, but I can’t get the logo centered. Here’s what I’ve entered in Custom CSS so far:

/* Vantage Center the main menu */
.main-navigation ul {
text-align: center !important;
}
.main-navigation ul li {
display: inline-block !important;
float: none !important;
}
/* Masthead Background Image Cover */
header#masthead {
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* Vantage Center Logo */
header#masthead .hgroup .logo {
float: none !important;
}
header#masthead .hgroup .logo img {
display: block;
margin: 0 auto;
}
/* Vantage Header Padding */
header#masthead .hgroup {
padding-top: 35px !important;
padding-bottom: 35px !important;
}

Thanks for your help!

URL: http://theshakaway.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Wes Westfall 11 years, 2 months ago

I think I may have solved it on my own. I don’t know a lick of CSS, but I pieced this together:

/* Center Logo */
#masthead .hgroup .site-title a img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto
}

Andrew Misplon Staff 11 years, 2 months ago
Hi Wes
Really glad to hear you made progress here. Looks good to me.
Let us know if you need a hand moving forward.
All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.