Website Display with Zen browser

Hello,

I wanted to point out that in Zen Browser, when the tabs are on the left, the display looks a bit weird.

Welcome to the community forum.

As we are the community, we can’t fix it (*), but we can alert @Fairphone_CM.

If you are referring to some letters not being on the grey background and/or to screen real estate not being used to the right to hold more of the text, that’s just how the page looks for me in a certain range of browser window widths in different browsers in every language you can set. Could be done better, probably.
Is this what you mean with weird, or is there anything else?

If you decrease the width of the browser window further, a different page layout kicks in for the page dynamically, and it would look like this in comparison…

(*) Or would anybody in the community have fun spending some Easter time on what is going on there with several DIVs and their CSS :nerd_face:?

1 Like

Seems that the website uses the mobile layout for up to ~990px screen width. Then there is a “tablet” layout for up to ~1430px width and a desktop layout for wider screens.

The “tablet” layout uses some very weird css in these classes:


For some reason the left and right margins are huuge. After disabling the rule the website looks normal. The issue is also visible on other parts of the website, but less pronounced in most places.

Easter fun, yay!

3 Likes