Responsive layout issue: content inaccessible for certain widths

[alexandreleroux]

Issue with GeoHealthCheck's reponsive layout: content can become hidden / inaccessible. See attached screenshot.

The problem: GeoHealthCheck content is hidden at certain browser window width. Because there's no horizontal scrollbar, the content is indeed inaccessible to users for those window widths.

Steps to reproduce: go to http://geohealthcheck.osgeo.org/ or another GHC installation, and resize the window until content becomes inaccessible.

[kngai]

This is due to the .sidebar CSS properties in sb-admin-2.css (line 131) setting a static width to 250px, which conflicts with the bootstrap col-* classes. If that CSS can't be removed, one minor fix is adding this CSS override: .col-md-2.sidebar { width: 16.6667% !important; }

[tomkralidis]

@alexandreleroux fixed in 30af45ba502c42c7777112edf68ac2be684815f1. Can you validate/close if this works for you?

[alexandreleroux]

Works, closing. Thanks! -- Alex