Improvements to site header center alignment

src/assets/scss/style.scss

@@ -495,6 +495,7 @@ nav {
 
         .navbar-brand {
             margin-top: 6px;
+            text-align: center;
         }
         .navbar-box {
             justify-content: center;
@@ -512,6 +513,16 @@ nav {
                     justify-content: center;
                 }
             }
+
+            @media only screen and (max-width: 768px) {
+                justify-content: space-between;
+                width: 100%;
+
+                #menubelowHeader {
+                    left: 0;
+                    right: unset;
+                }
+            }
         }
     }
 }

src/functions/customizer.php

@@ -2825,6 +2825,11 @@ function tainacan_header_settings_style_output() {
 		.tainacan-logo .logo {
 			max-height: ' . $header_logo_max_height . 'px !important;
 			max-width: ' . $header_logo_max_width . 'px !important;
+		}
+		@media only screen and (max-width: 768px) {
+			.tainacan-logo .logo {
+				max-width: 100% !important;
+			}
 		}' . ( $is_fixed_header ? 
 		'body nav.navbar { 
 			position: sticky;