[Resolved] Seach Box Size

[Gary]

Hello,

I was wondering if there is a way to make the search box smaller on my website which I am using Generate Press? The URL for the website is http://www.christtheteacher.ca/ctt/ and the way it works now is that when you click on the search icon on the right hand side of the menu, the search box takes up the entire header. Ideally I would like it to just popup a small windows or at the very least just cover the menu and not the logo. Any help would be very much appreciated.

Thanks,
Gary

[Leo]

Hi there,

Try this CSS:

.navigation-search input[type="search"] {
    max-width: 50%;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Gary]

That did the trick! I really need to sit down and learn somme CSS one of these days. Thanks again for the great support!

[Leo]

No problem 🙂

[Author]

Posts