This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Corp Theme: Centre-Align Logo on Mobile?

Open 1 reply technicalthemetheme-corp
Cameron Armstrong
3 years ago · Last reply by Andrew Misplon 3 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 3 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread