sidebar adjustment

themes/anatole/layouts/partials/sidebar.html

@@ -2,8 +2,8 @@
 <img src="{{ .Site.Params.siteLogo | absURL }}" alt="nipponalba logo" id="logo">
     <div class="logo-title">
       <div class="title h-card p-author">
-        <img class="u-photo" src="/images/profile.jpg" alt="profile picture">
         <h3 title=""><a rel="author" class="p-name u-url u-uid" rel="me" href="https://jk.nipponalba.scot">{{ .Site.Params.Title }}</a></h3>
+                <img class="u-photo" src="/images/profile.jpg" alt="profile picture">
         <ul class="social-links">
             {{ range $item := .Site.Params.socialIcons }}
             <a href="{{ $item.url | safeURL }}" rel="me" >

themes/anatole/static/css/style.css

@@ -242,7 +242,7 @@ width:95%;
 
 .sidebar .logo-title {
   text-align: center;
-  padding-top: 20%;
+  padding-top: 10%;
 }
 .sidebar .logo-title .description {
   font-size: 14px;
@@ -792,7 +792,9 @@ a.btn {
   .sidebar .logo-title {
     padding-top: 100px;
   }
-  
+  .sidebar .logo-title .description{
+  width: 90%;
+  }
   .sidebar .logo-title .title h3 {
     font-size: 20px;
   }