My logo and menu was too big on the mobile version.
I have followed some codes found on this support site.
Currently I managed to get a look and feel close to what I wanted.
When in small screen, my logo/menu is able to change its size,
but however both of them are horizontally center align to the page.
I would like the logo to be aligned to the left,
while the toggle-menu align to the right.
Would need help on this.
Been trying out many ways but could get my alignment right.
http://www.cable-tester.com/