Great, thanks, that's it!
Now, this hopefully completes the core fixes. Now, I would like to ask for advise on how to do things properly for extension authors in this context.
What I would like to achieve in the extension(s) is the following:
1) when there is no more space left in the nav-breadcrumbs ul, I would like to change the navbar search by a single icon - this is now happening when the responsive header kicks in, but I would like to have this even before - this is similar to the behaviour of the nav-main ul, that hides the labels when there is not enough space for them (I think this is the "compact" CSS class, but I see no CSS properties for it...)
2) similarly, if the above is done and still there is not enough space, I would like to narrow the g-search-box input element to smaller width, also similar to what is now happening on responsive browser widths
Would you please EXPLAIN how this can and should be done for extension authors? That is, how to identify when the space is exhausted in some div, and how to code for narrower alternatives. Personally, I would like to learn how this should be done, so that I can properly code these type of things in the future...
Thanks a lot for all your help!