fix: Update navbar on mobile
All checks were successful
Build Docker / Build Image (push) Successful in 28s

This commit is contained in:
Nathan Woodburn 2023-11-02 23:22:24 +11:00
parent 519d241b31
commit f419e28a5a
Signed by: nathanwoodburn
GPG Key ID: 203B000478AD0EF1

View File

@ -62,8 +62,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNXTCKW"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-expand-md fixed-top navbar-light" id="mainNav" style="background: var(--bs-navbar-hover-color);">
<div class="container"><a class="navbar-brand nathanwoodburn" href="/#">Nathan.Woodburn/</a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
<nav class="navbar navbar-expand-md fixed-top navbar-light" id="mainNav" style="background: var(--bs-navbar-hover-color);position: absolute;">
<div class="container-fluid"><a class="navbar-brand nathanwoodburn" href="/#">Nathan.Woodburn/</a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
@ -74,7 +74,8 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</nav>
<header class="masthead main" style="background: url(&quot;/assets/img/bg/background.webp&quot;) bottom / cover;position: relative;">
<div class="intro-body text parallax" style="color: rgb(0,0,0);">
<h1 class="inner-text" style="font-size: 70px;">G'day, Welcome to<br>my Personal Site</h1>
<h1 class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block inner-text" style="font-size: 70px;">G'day, Welcome to<br>my Personal Site</h1>
<h1 class="d-inline-block d-print-none d-sm-none d-md-none d-lg-none d-xl-none d-xxl-none inner-text" style="font-size: 70px;">G'day!</h1>
<h2 class="inner-text">Nathan Woodburn</h2>
</div><img class="fog" src="/assets/img/bg/fog_1.webp" alt="">
</header>