I am using responsive swapper to adjust menu at the top of the screen based on screen size.
Small/narrow screens just get the ‘hamburger’ icon. Pressing it should reveal/hide component named ‘menu’ which displays menu options.
Wider screens should display just the menu options horizontally along the top of the screen.
I created two components for this.
One is called menu-icon and contains the hamburger icon only.
The other is called menu-bar and contains menu items laid our horizontally.
I then place both into the responsive swapper.
I now want action associated with the menu-icon component to be reveal/hide component ‘menu’, and actions associated with menu-bar component to be either display ‘about’ alert or ‘contact’ email form.
But it seems that I can associate reveal/hide action only with the responsive swapper component itself, which means that regardless of it’s state (narrow/wide phone or narrow/wide tablet) I trigger that action.