Center Logo For Mobile Devices

/* Center Logo For Mobile Devices (adjust max-width accordingly) */
@media only screen and (max-width: 959px) {
	#site-header #site-logo {    
		float: none;    
		display: block;    
		text-align: center;    
		width: 100%;
		max-width: none;
	}
	#site-logo #site-logo-inner {    
		display: block;
		height: auto;
	}
}

/* This part centers the mobile menu toggle */
#oceanwp-mobile-menu-icon {
    float: none !important;
    right: auto !important;
    text-align: center;
}

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.