How to center logo in the header and reset on mobile

Hi dc-web

Ultra, unfortunately, doesn’t offer a centered header at the moment. You can try the following in a Custom CSS plugin like Simple Custom CSS (Appearance > Custom CSS). However, edits like this can sometimes lead to a lot of additional follow-on edits to get everything working smoothly.

@media (min-width: 768px) {
	/* Header */
	.site-header .container {
	    height: auto;
	}

	.site-header .site-branding-container {
	    float: none;
	    max-width: 100%;
	    padding-right: 0;
	}

	.main-navigation {
	    float: none;
	    text-align: center;
	    max-width: 100%;
	}

	.main-navigation > div {
	    float: none;
	    display: inline-block;
	    vertical-align: top;
	}	
}