Web_06: By reducing the browser screen size, the header is splitting in two lines

[k6Labz]

SEVERITY: Minor

MODULE: Home_Page

Platform:

• Windows 7 / Chrome 46.0
• Mac 10.11 / Safari 8.1
• Windows 8 / Firefox 39.0

STEPS TO REPRODUCE:

1. Navigate to URL: http://www.vizabi.org/
2. Home page of Vizabi will be loaded
3. Click on the Restore Down button available with the left side of cross button and cross button is available on the right upper corner.
4. Reduce the browser screen size from any side
5. Note that the header will be split in two lines

ACTUAL RESULTS:
The header will be split in two lines when we reduce the size of the web page from any side of the page.

EXPECTED RESULTS:
When we reduce the browser screen size, the header should be displayed in menu icon immediately instead of splitting in two lines

SCREENSHOT:

[Rathunter]

Fixed issue by breaking earlier to show the hamburger icon at 775px instead of 400px which prevents any issues with menu jumping to a new line or breaking into 2.

Commit: eb53cd1

See screenshots below: