Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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!
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 }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.