sravan/sravanbalaji.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix Navbar Toggler

Browse Source 
Navbar toggler wouldn't show up on mobile or on small width screens.
Fixed it by adding css styling to apply 3 lines icon and background color.
This commit is contained in:
Sravan Balaji
2020-04-13 18:24:04 -04:00
parent 541f1d7ca5
commit 9926ebf7cc
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Web Pages/styles.css
View File

@@ -23,6 +23,14 @@ body {
color: #30C5FF; color: #30C5FF;
} }
.my-nav .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 39, 76, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.my-nav .navbar-toggler {
background: #FFCB05; /* pick your color */
}
.container-fluid { .container-fluid {
color: #000000; color: #000000;
font-size: 18px; font-size: 18px;