[Resolved] Items In Headers

Hi Eric

You can adjust the percentage of header space the logo and nav take up using this snippet:

.site-header .site-branding-container {
	max-width: 35%;
}

.main-navigation {
	max-width: 65%;
}

Add to Customize > Additional CSS. The total must equal 100%.

To widen the header you can try adding to Custom CSS:

.site-header .container {
	max-width: 95%;
}

The social widget in the header is clashing with the theme’s normal social icons in menus which is where the issue is occurring. You could try adding the Facebook icon just by adding a custom menu item with a link to the Facebook profile, an icon will be added automatically (https://purothemes.com/documentation/general-wordpress/social-icons-menus/). The phone number could perhaps also be added using a custom menu link.