I’ve been talking in this thread about how to implement search inside the Navigation bar, but I thought it best to break this related discussion into a new thread. Specifically, I wish to hear from you Blocs experts out there (including @Pealco) about how to implement a fullscreen search box as described here:
Adding the CSS and JS is easily done by way of Page Settings > Add Code > Header. I don’t have questions about that. What eludes me is how to create the “HTML” part as described in the above URL. For example, I know how to create a DIV in Blocs, but what about the “span class” mentioned in the above example?
I want to make my search bar fullscreen because I am not satisfied with what’s required to make the search bar appear over and above the navigation links. Specifically, I want to use Blocs to edit my menus, not hack around in code to edit them! That’s what led me to the above URL, wondering how to make a search bar fullscreen.
My plan is to add a magnifying glass icon to the right of my navigation bar atop the page. Clicking that magnifier icon should open a full screen search bar. When I have that implemented, I will then try to tie that search bar to Google Custom Search, which is what I use right now for search on my existing MADE IN FREEWAY non-responsive websites. I think Google Custom Search is a much better solution than Lucas’ New bric - Search because his method doesn’t involve automatic indexing, which poses a problem for large websites.
I look forward to hearing your ideas on how to implement a fullscreen search box in Blocs 3.2.1, as per the link I provided above.