Although the desktop screen is working fine, I am encountering 2 issues on the mobile screen:
Check out this JSFiddle Demo: https://jsfiddle.net/uyvdqL9s/
- On the mobile screen, the hamburger menu appears in the center instead of on the right along with the search button. It should look like this:
https://i.sstatic.net/QpgXf.jpg
- When I click on the Hamburger menu, the
Search
button disappears and shows up inside the collapsible menu. I want it to remain in its original place as shown below: https://i.sstatic.net/odvjH.jpg
Can you please help me figure out what I'm doing wrong? I've been struggling with this issue for days now!