As a beginner in html, css, js, and bootstrap 4, I have been working on a website to practice my skills. I was able to modify the colors, text, and font-size of my bootstrap 4 navbar successfully. However, I encountered an issue where the hamburger symbol disappears and my options are lost when scaling down the page.
The only changes I made were removing the bg-light class to adjust the color and adding a custom class to change the text color.
You can view my code here.
.navbar-nav {
background:#4287f5;
}
.navbar-brand {
background:#4287f5;
}
.navbar-brand.custom{
color:#FFFFFF;
font-size:25px
/* border-right:2px solid black; */
}
.navbar {
background:#4287f5;
}
body {
font-family: 'Poppins', sans-serif;
/* font-weight:700; */
}
.navbar-nav li a {
color: #FFFFFF;
font-size:20px;
}