Adapt navbar to support RTL

Signed-off-by: Mohammed Boukhalfa <mohammed.boukhalfa@est.tech>
google · May 19, 2024 · f4a16d9 · f4a16d9
1 parent 3674691
commit f4a16d9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
@@ -6,7 +6,7 @@
 
 <nav class="td-navbar js-navbar-scroll
             {{- if $cover }} td-navbar-cover {{- end }}" data-bs-theme="dark">
-<div class="container-fluid flex-column flex-md-row">
+<div class="container-fluid">
   <a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
     {{- /**/ -}}
     <span class="navbar-brand__logo navbar-logo">
@@ -22,8 +22,8 @@
     </span>
     {{- /**/ -}}
   </a>
-  <div class="td-navbar-nav-scroll ms-md-auto" id="main_navbar">
-    <ul class="navbar-nav">
+  <div class="td-navbar-nav-scroll w-100" id="main_navbar">
+    <ul class="navbar-nav justify-content-end">
       {{ $p := . -}}
       {{ range .Site.Menus.main -}}
       <li class="nav-item">