Please open my Blocs 3.2.1 document here: Navi Test Page.bloc.zip (37.5 KB)
Preview in Blocs and click on MD or smaller, so you can see the problem – the magnifying glass icon gets thrown to a second row and looks ridiculous. I hoped the solution would be to merely insert this icon INSIDE the “Nav Container” but I cannot figure out how to accomplish that, can you? If putting an icon inside the Nav Container is impossible, how would you change the design to ensure that icon stays to the right of the hamburger icon instead of getting thrown down into another row?
Preview in Blocs in LG and click the magnifying glass icon, then note how the search field rolls up into view. I don’t really like it rolling up from the bottom. It would be best of the KIRAMEK logo remained static and the search field rolled out into view from the right, expanding out from the magnifying glass icon, or the search field could just suddenly appear. But how do I accomplish that?
Preview in Blocs in LG and click the magnifying glass icon. Note how the KIRAMEK logo and the field and icon are not vertically centered inside their black bar. How do I perfectly center them vertically? (Also note the height of that black bar isn’t the same either, so how would I fix that so the height of the black bars match?)
I think the size of the magnifying glass icon is a little too big, but if I use the right sidebar “Size” tool to change to a smaller size, it’s too small. How do I manually adjust size of icons in Blocs?
The way the search feature of most websites works is when you click a magnifying glass icon, a field appears with the text cursor already inserted and blinking. Sadly, that doesn’t happen in my document – no blinking cursor inside. How do I make it happen automatically so the user doesn’t need to click inside the field?