Archived topic
Customize Search Bar
4 replies · Started by Rodolfo on January 14, 2018
Hi!
Two problems!
1 - I'm trying to align navigation search on right (I did it using margin-left:620px; - but I think it is not the right way to do it... Is there something like "align:right"? (for example: on mobile, it does not work right...)
.navigation-search {
max-width: 450px;
height: 40px;
bottom: auto;
top: 100%;
margin-left:620px;
}Hi there,
Not sure what you mean?
Everything looks good from what I can see.
You can use media query to make the CSS desktop only if it helps: https://docs.generatepress.com/article/responsive-display/
Hi Leo...
Sorry about my english... Desktop was/is OK - my problem was on mobile... but I got @media and everything is ok now!
Thank you.
Leo, just for your information...
The css below is better, and works for mobile, ipad and desktop...
Thank you again.
.search-form {
height: 30px;
bottom: auto;
top: 115%;
}
.search-form .search-field {
width:300px;
float:right;
}Glad I could help and thanks for sharing :)
