Small screen issues
Created by: whunter
Fix some issues with screen sizes below 500px.
JIRA Ticket: (https://webapps.es.vt.edu/jira/browse/LIBTD-1483) (
What does this Pull Request do? (⭐ )
Addresses some issues with small screens such as hamburger menu button not working and Hero text overflowing the screen
What's the changes? (⭐ )
- Remove padding in header to make hamburger menu button move left and center h1 text so that it doesn't cover button (preventing it from working)
- Make hero text smaller and shift left a bit so that it is 100% contained within screen
- Make hero div shorter (vertically) so that content that follows isn't pushed down as far
How should this be tested?
-
Check that the menu hamburger button will work (opens and closes menu) on screen sizes below 500px wide
-
Check that all hero text is 100% visible on screen sizes below 500px wide. Should look similar to this:
-
Check that the space below hero div has been reduced. Should look similar to this:
Additional Notes:
- branch small_screen_issues
Interested parties
@shabububu
(