From 0337d9b64a7791044668eebe2b80e8f116321b67 Mon Sep 17 00:00:00 2001 From: Saloni Kumari Date: Sun, 5 Jan 2025 19:18:51 +0530 Subject: [PATCH] Adjust navbar-brand alignment for mobile --- css/hsf.css | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/css/hsf.css b/css/hsf.css index bd3c4f4c0..63ce3cf7f 100644 --- a/css/hsf.css +++ b/css/hsf.css @@ -179,7 +179,8 @@ .navbar-brand { height: 40px; padding: 9.5px 15px; - font-size: 15px; + font-size: 14px; + margin-top: 2px; } .navbar-default .navbar-nav > li > a:focus, @@ -188,6 +189,19 @@ color: #f39c12; } +@media (max-width: 768px) { + .navbar-brand { + font-size: 27px; + padding: 8px 10px; + margin-top: 7px; + } + + .navbar-nav.navbar-right ~ .navbar-brand { + justify-content: flex-start; + } +} + + .navbar-nav>li>a { padding-top: 9.5px; padding-bottom: 9.5px @@ -399,4 +413,5 @@ figure.centered-figure { } .big-link-container a { min-height: 0; -} + } +} \ No newline at end of file