Archived topic
on search input focus - add background overlay
4 replies · Started by Webmaster on June 17, 2017
For example, when clicking the search icon, the entire background would turn to rgba(0,0,0,0.25). The search input though, would be 100% opacity top z-index level.
Might you know of a swift way to add an rgba color to the entire background when search input field is focused?
Hi there,
Can you give this a shot? https://generatepress.com/forums/topic/search-icon-field-is-invisible/#post-334734
Not quite what I was looking for. I was hoping to make onclick, the entire background becomes black and the only thing visible on website is search input field.
Hmm I'm not sure if that's possible with CSS. Will ask Tom for sure.
By any chance you've seen an example somewhere?
Right now it would be pretty complicated I'm afraid.
However I do have plans on re-writing/simplifying the navigation search javascript which will make this much easier in the near future.
