Half-Screen in the New Design is Poopy.

So this is what the half-screen version of the main page looks like. I have some serious opinions about the new site (mainly that I don't like it on an aesthetics level dear god its imbalanced on a graphical design level) and most of it revolved around the MASSIVE GRANDPA SIZED TEXT ALL OVER EVERYTHING, but this is about the broken things not the looks. The GRANDPA TEXT is too large for half-screen and doesn't compress properly (even if it did, it'd have to break up the two longer words there) and overlaps the From the Dev Team feed.  You can also see that the header and banner ad don't play nice together on half screen either and instead stack awkwardly with each other. Next up we have the menu. Before getting to the buggy part, I have a functionality suggestion that I don't feel is worthy of it's own thread, so I'm going to add it here. The menu is not intuitive to me and at first I thought it was broken. The drop down options should either occur when you hover over the word or click the word, NOT just when you click the arrow off to the side. It's a little funky to have the arrow be a separate button from the word. Now the actual buggy part. On half screen, this is what the menus do. That top flap (for lack of a better word) smooshes onto the dropdown portion of the menu options and clips off the first menu option as well as the tops of the campaign images.  It doesn't look very nice. Maybe half screen functions aren't top priority, but I know a lot of people don't full screen their browsers most of the time and it's be nice if the site didn't look like poop when we see it. One thing that should be added is to make the Roll20 banner a clickable thing that sends you to the home tab. YES I realize there is an actual menu option that says home, but we all know that clicking a banner on 98% of decent sites takes you to their home page. Another thing to add might be to have breadcrumbs that take you back through the forum categories and back to the main forum page w/o having to open the menu every time. As a side note I really miss the old site. It looked so nice before. Why wreck it? it's not lean at all :(

While I don't share in all of Ali's concerns, I'm getting a lot of half screen weirdness on my end too. This is not a 1920x1080 screen, it's 1280x1024. A few things look like they're colliding at the top.

Ali said: ext up we have the menu. Before getting to the buggy part, I have a functionality suggestion that I don't feel is worthy of it's own thread, so I'm going to add it here. The menu is not intuitive to me and at first I thought it was broken. The drop down options should either occur when you hover over the word or click the word, NOT just when you click the arrow off to the side. It's a little funky to have the arrow be a separate button from the word. The original version of the updated site forced  you to use the dropdown menus (clicking on the word or arrow brought up the menu). I don't recall if anyone else brought it up, but I suggested that the word be a link to the default/most common item in the menu, to speed up access and reduce clicks. That said, in the same post I recommended on-hover dropdowns, which didn't get implemented.

At least on the dropdown menu front, I suspect that is due to the push to be more mobile friendly. Unfortunately, hover menus don't work well with touch screens. Bootstrap-based menus (a very popular website design framework) all default work via the "you must click to get the menu" method. In order to get hovers, you need extra code which I am guessing the roll20 devs did not want to implement (yet) because Extra Code Is Messy, and for now they wanted to streamline the website and clean up behind the scenes. That said, it looks like there's still some poor mobile-CSS vs desktop-CSS going on here with the absurdly huge fonts in some places and bad breakage when screensizes resize. Menus are a rather tricky thing to get right in a website design, unfortunately. EDIT: digging in with the CSS brings up some amusement, namely: Fear not! Deep within, the CSS still refers to Supporters and Mentors Our friendly large intro is appropriately named "jumbointro", which uses a <h1> tag at a whopping 8.0em size. Since em units are (generally) relative to the user, it means that whatever your default text size is blown up eight times for the WELCOME BACK, BRAVE ADVENTURER text. Yes, I believe I can read it now. Biggest Hello World text ever! Resizes are broken by the 768px via @media queries. So basically it'll break between desktop and mobile, but for us people that resize the webbrowser, not so much. Things are going to get probably a little funky with tablets that are within that pixel range. More refinement would be necessary, but media queries are kind of a pain in the ass.

In an effort to consolidate threads and keep everything on track today, please feel free to direct any general constructive feedback you have to this thread today: <a href="https://app.roll20.net/forum/post/2215323/new-desi" rel="nofollow">https://app.roll20.net/forum/post/2215323/new-desi</a>...