added header social icons

app/design/frontend/Sm/shop4u/Magento_Theme/templates/html/header.phtml

@@ -18,20 +18,13 @@ if ($compile_less) {
 }
 ?>
 
-<div class="header-container">
+<div class="header-container clearfix">
     <div class="header-top">
         <div class="container">
             <div class="row">
-                <div class="col-lg-6 col-md-6 top-links">
-                    <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('hotlinks-header')->toHtml(); ?>
-                </div>
-
-                <div class="col-lg-6 col-md-6">
-                    <div class="currency-language">
-                        <?php echo $block->getChildHtml('language-header'); ?>
-                        <?php echo $block->getChildHtml('currency-header'); ?>
-                        <?php echo $block->getChildHtml('catalog.compare.link'); ?>
-                    </div>
+                <div class="col-12 col-lg-8 col-md-8">
+                    <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('customer-support-and-information')->toHtml(); ?>
+                    <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('social-icon')->toHtml(); ?>
                 </div>
             </div>
         </div>

app/design/frontend/Sm/shop4u/web/css/header/_header_general.less

@@ -251,3 +251,36 @@
         -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
     }
 }
+.socialIcon{
+    margin-top: 8px;
+}
+.socialIcon a{
+    text-decoration: none;
+    cursor: pointer;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    text-align: center;
+    border-radius: 50%;
+}
+.socialIcon a:nth-child(n+1){
+    background: #3b5998;
+}
+.socialIcon a:nth-child(n+2){
+    background: #fb3958;
+}
+.socialIcon a:nth-child(n+3){
+    background: #c4302b;
+}
+.socialIcon a:nth-child(n+4){
+    background: #c8232c;
+}
+.socialIcon i{
+    color: #fff;
+}
+.language-wrapper::before{
+    background: none !important;
+}
+.language-wrapper .dropdown li a {
+    padding-left: 2px;
+}