Archived topic
Header setup / mobile
3 replies · Started by Kevin Wabiszewski on February 14, 2019
Viewing posts 1–4 of 4
Hello, how could I make it so that the search magnifying glass turns black on mobile and so that the black lines stay there when the menu is clicked?
Here is the current CSS I am using
.main-navigation {
border-bottom: 2px #ba1f1f solid;
}
.post-template-default .widget_search {
margin-top: 57px;
}
@media (max-width: 768px) {
#mobile-header {
background-color: #ffffff;
}
.main-navigation .main-nav ul li a {
background-color: #ad0500;
}
button.menu-toggle {
color: #000000;
}
}
Hi there,
Try this CSS:
button.menu-toggle:hover,
button.menu-toggle:focus,
.main-navigation .mobile-bar-items a,
.main-navigation .mobile-bar-items a:hover,
.main-navigation .mobile-bar-items a:focus {
color: #000;
}Let me know :)
Worked great thanks a lot!
You're welcome :)
This archived topic is closed to new replies.
