a7-css-shenanigans/css/hamburger-dumb.css

32 lines
560 B
CSS

/* Add to existing CSS */
.hamburger {
display: none; /* Hide by default */
cursor: pointer;
font-size: 30px; /* Adjust based on your design preferences */
color: #ffffff; /* Change color as needed */
}
/* Mobile-specific styles */
@media only screen and (max-width: 388px) {
.hamburger {
display: block;
}
.menu {
flex-direction: row;
width: 100%;
}
.nav {
display: block;
text-align: center;
padding: 5px;
}
.nav-bar {
align-items: flex-start;
}
}