Smaller browser window header navigation: can't access home page when not on home page

[kabirvirji]

Regular view

Home, shop, about, and contact are all visible and clickable no matter which one of them you are on.

Steps to reproduce:

Be on a page other than "home".

Make browser window smaller to see alternate header navigation:

The drop-down defaults to "home", so the user is unable to navigate to the home page from this dropdown.

Possible solutions:

• Make the dropdown default to whichever page the user picked (including custom ones the user might add)
• Add a new option called "menu" at the top of the drop-down (only shows with small browser window)

<select class="top-drop-menu visible-sm visible-xs"> 
<option value="-"> 
Menu 
</option> 
<option value="{{ site_url('/') }}"> 
Home 
</option>

Code suggested by customer:
https://app.intercom.io/a/apps/7236196445273cea007287c0c90a2f0d598567cc/inbox/kabir@lemonstand.com/conversations/5410031375