Mobile menu on desktop site

[phil2]

phil2

August 17, 2017 at 3:27 am

Hi Team,

I want to use the mobile menu with “hamburger” on all screen resolutions. I have used Hannah’s code in this post to set the nav-trigger to a hamburger and no text. I have set the Appearance > Menus > Locations to “Mobile Navigation” only.

I would like the menu to display in a similar fashion for all displays, but I need help.

On phone screen, the icon is on the left and the menu expands to push the slider image down.
On tablet screen, the icon is on the right and the menu expands to push the slider image down.
On desktop screen, the icon is on the right and the menu doesn’t expand at all.

Can we get it so that the button is always on the same side (let’s say, on the right) and the menu always appears over the slider image?
I can provide a link if necessary but I wanted to see if you had a generic approach first of all.
Thanks,
Phil.