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:
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:
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.