From d5e4c3c6c22b2fee38791c5f8b4a8ab568d06c61 Mon Sep 17 00:00:00 2001 From: Aashish_Nepal Date: Wed, 11 Dec 2024 17:00:26 +0545 Subject: [PATCH] Updated --- assets/css/{header.css => headers.css} | 32 ++++++++++++++++++++++++- includes/header.php | 33 +++++++++++++------------- 2 files changed, 48 insertions(+), 17 deletions(-) rename assets/css/{header.css => headers.css} (86%) diff --git a/assets/css/header.css b/assets/css/headers.css similarity index 86% rename from assets/css/header.css rename to assets/css/headers.css index 8bc36ab..179a7a0 100644 --- a/assets/css/header.css +++ b/assets/css/headers.css @@ -119,10 +119,39 @@ width: 100%; margin-top: 10px; } + + .contact-bar { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 0.5rem 1.5rem; +} + + +@media (max-width: 768px) { + .contact-bar { + flex-direction: row; + justify-content: space-between; + text-align: left; + } + + .contact-info { + text-align: left; + } + + .social-icons { + text-align: right; + } +} + + +@media (min-width: 769px) { .contact-bar { flex-direction: column; text-align: center; - } + } +} .social-icons { margin-top: 10px; @@ -142,6 +171,7 @@ } } + @media (max-width: 576px) { .logo { width: 70px; diff --git a/includes/header.php b/includes/header.php index abb6c29..3a56080 100644 --- a/includes/header.php +++ b/includes/header.php @@ -6,29 +6,30 @@ Bibhuti Solutions - + -
-
- - 0480 333 779 - - | - - contact@bihubsolutions.com.au - -
- +
+
+ + 0480 333 779 + + | + + contact@bihubsolutions.com.au +
+ +
+