Make header lovely on mobile

This commit is contained in:
Jeremy Vyska 2022-02-21 07:38:48 +01:00
parent 57fe5f8de2
commit 6e7dce0943
2 changed files with 3 additions and 1 deletions

View file

@ -85,6 +85,7 @@ copyright = "alguidelines.dev Project"
github_repo = "https://github.com/microsoft/alguidelines" github_repo = "https://github.com/microsoft/alguidelines"
github_project_repo = "https://github.com/microsoft/alguidelines" github_project_repo = "https://github.com/microsoft/alguidelines"
privacy_policy = "" privacy_policy = ""
shorttitle = "alguidelines.dev"
# Google Custom Search Engine ID. Remove or comment out to disable search. # Google Custom Search Engine ID. Remove or comment out to disable search.
# gcs_engine_id = "c632b781ffe71b197" # gcs_engine_id = "c632b781ffe71b197"

View file

@ -2,7 +2,8 @@
<nav class="js-navbar-scroll navbar navbar-expand navbar-dark {{ if $cover}} td-navbar-cover {{ end }}flex-column flex-md-row td-navbar"> <nav class="js-navbar-scroll navbar navbar-expand navbar-dark {{ if $cover}} td-navbar-cover {{ end }}flex-column flex-md-row td-navbar">
<a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}"> <a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
<img src="/images/alguidelines-bclogo-pattern-white.png" height="32px"> <img src="/images/alguidelines-bclogo-pattern-white.png" height="32px">
<span class="font-weight-bold">{{ .Site.Title }}</span> <span class="font-weight-bold show-desktop">{{ .Site.Title }}</span>
<span class="font-weight-bold show-mobile" style="display: inline;">{{ .Site.Params.shorttitle }}</span>
</a> </a>
<div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar"> <div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar">
<ul class="navbar-nav mt-2 mt-lg-0"> <ul class="navbar-nav mt-2 mt-lg-0">