Home>Support>Corp Theme: Centre-Align Logo on Mobile?

Corp Theme: Centre-Align Logo on Mobile?

I’ve been trying to center align the logo for mobile site (using SitOrigin Corp).

I used the following CSS but the logo was not going in the true center, instead it seemed to be the center of the space between the left side of the header and the nav icon – therefore appearing to the left slightly.

@media (max-width: 650px) {
	.site-branding {
		text-align: center;
		width: 100%;
 }
}

Result when CSS added: Screenshot

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 months, 29 days ago Andrew Misplon Hi, I Work Here

    Hi Cameron

    Thanks for reaching out.

    .site-branding has 20px of right padding. Try setting that to zero in your custom rule.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More