fix layout

zsite/static/less/blog.less

@@ -1,7 +1,11 @@
 .blog-content {
-    img {
+    .img-right {
         margin-left: 20px;
     }
+
+    .img-left {
+        margin-right: 20px;
+    }
 }
 
 .date {

zsite/static/less/header.less

@@ -110,14 +110,6 @@
 
 
 
-.header-menu.main {
-  li {
-      @media (min-width: 1200px) {
-          margin-right: 0;
-          width: 150px;
-      }
-  }
-}
 .header-menu {
     font-size: 16px;
 
@@ -139,7 +131,8 @@
         }
   
         @media (min-width: 1200px) {
-          margin-right: 39px;
+          width: 150px;
+          margin: 0;
           
         }
 

zsite/static/less/service.less

@@ -241,7 +241,7 @@
 
         p.desc {
             font-size: 13px;
-            margin-bottom: 2px;
+            padding-bottom: 3px;
         }
 
         li {
@@ -259,7 +259,7 @@
 
         p.desc {
             font-size: 12px;
-            margin-bottom: 3px;
+            padding-bottom: 3px;
         }
 
         li {
@@ -286,6 +286,10 @@
             p.header {
                 font-size: 16px;
             }
+
+            p.desc {
+                padding: 3px 0 2px 0;
+            }
         }
     }
 

zsite/templates/menu_header.html

@@ -1,4 +1,4 @@
-{% load i18n menu_tags cache %}
+{% load i18n menu_tags cms_tags cache %}
     
 {% if children|length > 1 %}
 <h4 class="header-menu-font">{% trans 'Our Services' %}</h4>
@@ -11,4 +11,11 @@
     {% if class and forloop.last and not forloop.parentloop %}{% endif %}
 {% endfor %}
 </ul>
+<ul class="list-unstyled list-inline header-menu-description">
+{% for child in children %}
+
+    <li>{% page_attribute "page_title" child.id %}</li>
+{% endfor %}
+</ul>
+
 {% endif %}