Header

Almost all Matrix Themes support the navigation alignment with 3 positions of your main menu: left, center and right.

In admin menu, go to Design > Custom Template > HTML tab and find the following line:

In this line you can setup the global styles of your templates. You fill find different classes. The ones with double underscore are deactivated. 

For the main navigation alignment, you can use the following classes:

• has-left-nav
• has-right-nav
• has-center-nav

The navigation size and font weight can be setup  directly in HTML

Design > Custom Template > HTML Tab

In this line you fill find the following classes:

• size-16 ( you can change it for your own preference using the classes from size-11 to size-20.)
• weight-400 ( font weight value used by Google fonts )
• snip-nav ( this class displays the animated underlined menu ). If you remove it or just add the double underscore snip-nav__ , the navigation will be using the main accent color for hover and active states.

Animated underlined menu

It can be customized in CSS > section Layout

.snip-nav a:before {
  bottom: 0;
  display: block;
  height: 1px; /* the height of the underlined line */
  width: 0%;
  content: "";
  background-color: currentColor; /* the color of underlined line */
}

The shopping cart icon appears only if you add a module 'Store Item' ( even if on a hidden page or just displaying a test product ), so if you remove it, the shopping cart won't be displayed in the header.

There's a way to hide the shopping cart manually in HTML by adding a class no-icon like this:

 <div class="sc-wrapper custom-basket-color size-11 no-icon">
      <var>shoppingcart</var>
 </div>

In this case the shopping cart will be displayed only when you add a store item to the shopping basket.

Use a regular widget Social icons from the section Shortcodes inside the footer and then add a class hs-magicto appear in the header. 

Please note that you'll need to refresh a page to see the effect.

<div class="hs-social hs-magic new-social small-social left-align size-11 is-circle-solid-white is-rounded link-dark">
...

The social icons, once appeared in the header, can be edited in the same section/position you added them in footer.