Detect if at max width you ll probably want to check if the document s width is lesser than the screen width you can t do this with height however as the browser has reserved vertical space for tabs and toolbar and there is no way of getting the height of those

Tabs are not visible images for you reference my toolbar is half visible expected actual broken toolbar toolbar is properly visible with fla icon tabs are not visible expected tabs are visible clearly learning and quiz actual tabs not visible in this picture

Constantly changing tabs would make a ribbon too inefficient;if so using a menu bar and a single toolbar is more space efficient than a ribbon

Search to each tabs in more than one toolbar

It s a simple drawer with standard actionbar classic detail with image going under the translucent status bar supposed to use collapsingtoolbarlayout to turn into a standard actionbar when scrolling up in this case it is non-standard actionbar i d call it a floating toolbar cause it doesn t expand to the full with of the screen and contains an already expanded searchview edittext fairly standard appbar with tabs list of issues that arise from leaving the single activity can t share viewmodel s between activities complex navigations which re-use parts already defined in another activity navigation graph have to be duplicated moved into a dedicated activity back navigation re-construction doesn t work between activities those are issues i want to avoid if possible but how do you guys manage these kind of situation on a single-activity with navigation component

In fact the tabs are not in the toolbar;the toolbar is just hidden