We're using the Clay template and have enabled the search feature in the header. It's set to only show the magnifying glass icon, and when you click on it it opens a blank page containing only the search box (which is fine). However, the search box is HUGE, spreading across the whole page and magnified. Is there a way to edit the page that's generated when clicking on the search icon to display a search box that is sized to match the content on the rest of the site? Thank you!
Sure, you can change it. What do you want it to look like?
If it's just the huge font that's the issue (30px!) then you can reduce it with this:
.sqs-search-container input {
font-size: 14p
To reduce the size further, try adding this too:
/* Reduce search box size */
/* Use in Custom CSS. Do not republish */
@media only screen and (min-width: 800px) {
.sqs-search-page-
Question
Dwjngs 0
Site URL: https://pvastx.org
We're using the Clay template and have enabled the search feature in the header. It's set to only show the magnifying glass icon, and when you click on it it opens a blank page containing only the search box (which is fine). However, the search box is HUGE, spreading across the whole page and magnified. Is there a way to edit the page that's generated when clicking on the search icon to display a search box that is sized to match the content on the rest of the site? Thank you!
Edited by DwjngsLink to post
Top Posters For This Question
3
2
Popular Days
Feb 7
5
Top Posters For This Question
Dwjngs 3 posts
paul2009 2 posts
Popular Days
Feb 7 2020
5 posts
Popular Posts
paul2009
Sure, you can change it. What do you want it to look like? If it's just the huge font that's the issue (30px!) then you can reduce it with this: .sqs-search-container input { font-size: 14p
paul2009
To reduce the size further, try adding this too: /* Reduce search box size */ /* Use in Custom CSS. Do not republish */ @media only screen and (min-width: 800px) { .sqs-search-page-
Posted Images
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment