Anatole: Could there be a limit for the content width? Thinking of ultrawide screens and so.

Created on 20 Sep 2020  ·  8Comments  ·  Source: lxndrblz/anatole

enhancement

All 8 comments

@ivnvitx Would you mind providing a screenshot or more detailed description of the issue you are having? I assume it has to do with the fact, that the columns are stretched over the whole width of the screen.

imagen

Yes, basically this is what would happen with wider screens and so. I was thinking if maybe there could be a limit on how much the website stretches horizontally. Many other websites do this very thing, so that the content does not stretch to far and your eyes get tired of moving so much.

@ivnvitx Gotcha, what we could do is to add a percentual margin for the content for high resolutions. This would look like the following:

image

I'll add it on to the road map. As you might have noticed the sidebar gets very obvious on large screens. It might be worth reducing it's size too.

Yes, thank you for your work.

The picture you showed is definitely better but at the same time, it would be better if no space was generated between the sidebar and the content.

I feel like maybe the best approach would be to somehow keep both sides kinda together in the center, leaving blank space on the sides, or pushing everything to the left and leave a blank space on the right. I wish I (noob) could help out on this. I'll try when I get a bit of time.

@ivnvitx I got an ultrawide screen the other day- so I'll be able to do some easy testing. I'm totally with you that centring the whole page would be the best approach. From what I've seen that's also the approach most other websites take.

The sidebar does look too big in most desktop screens.

@LITUATUI Thanks for the feedback. I am working on the ultra-widescreen topic. For the time being you can also use a custom CSS file to shrink the column width.

Thanks @lxndrblz. Just did what you suggested to shrink the sidebar from 40 to 25 %, looks much better now.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

SamEdwardes picture SamEdwardes  ·  6Comments

GhostBasenji picture GhostBasenji  ·  5Comments

shariq1989 picture shariq1989  ·  3Comments

karasun0 picture karasun0  ·  3Comments

Sptandi picture Sptandi  ·  4Comments