Adding meta viewport for mobile and some mobile fixes

heal-research · Jul 11, 2024 · a11cdf1 · a11cdf1
1 parent b1788c1
commit a11cdf1
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,3 +1,9 @@
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+
 <!-- Bootstrap CSS -->
 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
   integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">

diff --git a/_sass/nav.scss b/_sass/nav.scss
@@ -44,7 +44,7 @@ nav#main-nav {
       border-radius: 0;
       border: transparent;
       background-color: transparent;
-      // color: $brand-text-light !important;
+
      }
 
      .navbar-toggler-icon {
@@ -75,7 +75,7 @@ nav#main-nav {
       color: #fff;
     }
     .dropend .dropdown-toggle {
-      color: $brand-primary;;
+      color: $brand-primary;
       margin-left: 1em;
     }
     .dropdown-item:hover {
@@ -145,7 +145,7 @@ nav#main-nav.navbar-top.nav-page {
 
  @media (max-width: 767px) {
   .navbar-collapse {
-    background-color: $brand-light;
+    //background-color: $brand-light;
   }
 }
 }

diff --git a/assets/css/subpage.scss b/assets/css/subpage.scss
@@ -78,13 +78,13 @@ section {
       margin-bottom:100px;
 
       h2 {
-         font-size:5rem;
+         font-size:3rem;
          font-weight:700;
          color:$base-text-color-light;
       }
 
       p {
-         font-size:2.5rem;
+         font-size:2rem;
          font-weight:500;
          color:$base-text-color-light;
       }
@@ -132,6 +132,7 @@ section#book {
       font-size:1.5rem;
       color: $brand-primary;
       font-weight:500;
+      text-justify: none;
    }
 
    //authors
@@ -192,6 +193,7 @@ li {
     display: block;
     position: relative;
     padding-left: 20px;
+
 }
 
 li:before {