needing help with the most feasible responsive layout

https://preview.redd.it/1oqtfx1hrioh1.jpg?width=1280&format=pjpg&auto=webp&s=23dee900b3bd51e6dceda8cc772892df28777ad1

excuse the shoddy mspaint mockup but basically im using this [theme template](https://github.com/zeon-studio/astroplate) to build my magazine site and they already have a responsive design in place more like the top mobile layout but i want my logo to be above the navbar and either collapse into the top example or something similar to the bottom (but more well placed. maybe switching the dark/light toggle with the search button actually tbh). any suggestions on how i can achieve this?

submitted by /u/blackroseseason
[link] [留言]