[Resolved] Adjust Search bar width?

[James]

Is there a way to adjust the size of the nav search bar? Presently when I click on it, it goes the full with of my nav bar.
Thanks,

[Tom]

Absolutely!

.navigation-search {
      width: 100%;
}

100% is the default – you can change that to pixels or whatever you like.

[James]

You rock! 🙂

[Whelan]

Hi. I’ve tried adding this css and setting width to 50%, but on my site the navigation bar is aligned to the right and the search box ends up on the opposite side of the screen.

Here’s my css:

.navigation-search {
      width: 50%;
}

and a screenshot of the settings:
https://drive.google.com/open?id=1nBlGpSY_5ZoWP6d5vKfeXBWFBLS9lgqI

What am I missing?

[Leo]

Any chance you can open a new topic and link us to the site in question with the CSS added?

Thanks 🙂

[Author]

Posts