CSGraduateCouncil-VirginiaTech/csgc-website

Site Title not fully visible

JRDetwiler opened this issue · 4 comments

I have an issue seeing the entire site's title in my browser. It seems to be seated higher than the viewable window.

This is in Firefox on Ubuntu 16.04 (1366 x 768 screen size).

image

Determined that it's caused by the bookmarks bar.

Confirmed on Safari for MacOS as well. When the window does not have enough vertical height, the Title (and eventually all of the right-side options) get pushed off the top and out of clickable range.

Note as an ad-hoc solution, this only happens when the window is wide. If the window width becomes narrow enough, the menu style changes and becomes fully accessible.

I removed position: absolute; on the sidebar-sticky class at assets/css/hyde.css:110, and I see this fixed now (at least, when I remove that attribute under inspect element from my browser).

Actually no, now the bottom is cut off.

I think this will work if you're willing to accept that the sidebar is not fixed:

Change hyde.css:64 to have position: absolute, delete bottom: 0 at 67, and delete position: absolute at 110.

Sorry, GitHub is telling me I don't have write permissions; otherwise I'd make a pull request.