Suggestions on how to handle small window sizes

[nicky9499]

G'day DH and web-savvy friends,

 

I'd like to seek advice and suggestions on how best to handle the following situation where there is limited space due to a small browser window size - is there a graceful way to display part or all of the information?

Technically, it isn't the window that is small, just part of the theme that is not utilizing the full width, it seems like an invisible column on the top half. (Please see attachments.)

 

 

Edited February 14, 2022 by nicky9499

[DisposableHero]

This is a theming issue in its core.

 

I did not worked on "responsive" logic much, but it can be easily handled with Bootstrap's responsive auto sizing tools.

 

The latest version of DH Theme had some pages partly fixed for small displays and phones, but it still needs work  I do personally not use a small screen and developing things for them is just killing my eyes to be honest

 

Check the latest version and see how I implemented the dashboard and login/register form etc, it may give some clues.

 

Best wishes

[DisposableHero]

So for example, that live map widget should use "col-lg" instead of "col" alone. "col" is the default, smallest available one, "col-lg" however is auto optimized for large screens when used with other columns etc. Same applies to cards etc as far as I remember.