MENU BUTTON POSITION WHEN NOT ACTIVE/CLICKED

[techatyou]

MENU BUTTON POSITION WHEN NOT ACTIVE but at media screen size 600px
i have screen shots with what i need it to do, Im not worried about the look of the menu i can do that but been having trouble with menu button not where i want it after media screen resize.

I put screen shots of what im trying to do
I want the menu button in the position it is after clicking it. but when it hasn’t been yet.

screenshots:
https://imgur.com/temJiTu
https://imgur.com/LYAY1nN

SOURCE CODE:
https://codepen.io/techatyou/pen/JZyqQa/

Thank you in advance, anyone that can help I appreciated

[Beverleyh]

If you look at what is currently happening, when the hamburger icon is clicked, a .responsive class is added to .topnav

Looking at the CSS, the definitions that include the .responsive class trigger absolute positioning. Looks like you want that (and the relatively positioned parent) to be in effect when .responsive isn’t present too.

[Author]

Posts