Archived topic
Mobile Header Search Field Text alignment
3 replies · Started by Sukalery on July 14, 2021
Viewing posts 1–4 of 4
Hi, I have a problem with Mobile Header, Search Field Text, When someone writes something it appears behind the bar closing icon in mobile, as you can see from this screenshot:
So the first word doesn't appear at all, Can we relocate the closing icon to the left or maybe move the text field a bit?
Thank you.
Hi there,
try adding this CSS:
@media(max-width: 768px) {
.navigation-search input[type="search"] {
max-width: calc(100vw - 60px);
margin-right: 60px;
}
}it works, Thanks David
Glad to be of help
This archived topic is closed to new replies.
