Archived topic
Slight modification header on mobile
5 replies · Started by Chris on December 23, 2019
Viewing posts 1–6 of 6
Here's how my current mobile header looks like: http://prntscr.com/qer9v8
How can I make it look like this: http://prntscr.com/qer80v
Hi there,
try adding this CSS to make the search occupy the width of the nav - with some border around it:
@media (max-width: 768px) {
.custom-search-form {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.custom-search-form input[type="search"] {
max-width: 80%;
}
.custom-search-form button {
display: none;
}
}
Great, how do I remove the search icon: http://prntscr.com/qes9di
Edited the CSS above
Sanks!
You're welcome
This archived topic is closed to new replies.