[Resolved] Customize Search Bar

[Rodolfo]

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;
}

[Leo]

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/

[Rodolfo]

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.

[Rodolfo]

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;
}

[Leo]

Glad I could help and thanks for sharing 🙂

[Author]

Posts