Bug 221209 - www.freebsd.org rendering overlap on narrow (portrait) screen
Summary: www.freebsd.org rendering overlap on narrow (portrait) screen
Status: New
Alias: None
Product: Documentation
Classification: Unclassified
Component: Website (show other bugs)
Version: Latest
Hardware: Any Any
: --- Affects Only Me
Assignee: freebsd-doc (Nobody)
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2017-08-03 20:36 UTC by Stephen Hurd
Modified: 2018-01-30 20:32 UTC (History)
1 user (show)

See Also:


Attachments
Chrome screenshot (152.76 KB, image/png)
2017-08-03 20:36 UTC, Stephen Hurd
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Stephen Hurd freebsd_committer 2017-08-03 20:36:31 UTC
Created attachment 185006 [details]
Chrome screenshot

The production release list is under the "New to FreeBSD?" button in Chrome, Firefox, and IE when a narrow width is used.

Attached Chrome screenshot with a 1080x1920 screen.  Same thing occurs with Firefox and IE.
Comment 1 Trihexagonal 2018-01-30 20:31:37 UTC
I have provided XHTML markup in the following thread that should prevent the New To FreeBSD? button from overlapping the production links: 

https://forums.freebsd.org/threads/64030/

I demonstrate it with screenshots of it in action and supply the markup used as a fix. All that is really needed is to use the XHTML width factor with the existing freebsd.org CSS code.

I also provide alternative CSS code for buttons that adjust in height and width to scale down in proportion as the screen size shrinks, and the XHTML to get the site to scale down correctly.
Comment 2 Trihexagonal 2018-01-30 20:32:44 UTC
I have provided XHTML markup in the aforementioned thread that should prevent the New To FreeBSD? button from overlapping the production links: 

https://forums.freebsd.org/threads/64030/

I demonstrate it with screenshots of it in action and supply the markup used as a fix. All that is really needed is to use the XHTML width factor with the existing freebsd.org CSS code.

I also provide alternative CSS code for buttons that adjust in height and width to scale down in proportion as the screen size shrinks, and the XHTML to get the site to scale down correctly.