Custom CSS Snippets

Below you’ll find CSS snippets to achieve small tasks that might not be included in Theme Settings. These snippets can be added to AppearanceCustom CSS if using SiteOrigin CSS, CustomizeAdditional CSS or your child theme style.css file.

Top Bar Menu: Stretch to Container Full-Width and Center

The below rule assumes you’ve removed the Email and Phone Number site text and haven’t assigned a Top Bar Social Menu. This will leave you with only the Top Bar Menu. If you’d like to center the Top Bar Menu and make it the container full-width, the below rule can be used.

.top-bar-navigation {
	text-align: center;
	width: 100%;
}
Last updated: 08/12/2019