Archived topic
Sidebar Responsive as a Burger Menu instead of Header
6 replies · Started by Yulia on January 20, 2019
Hi, I'm trying to achieve similar effect with the sidebar as on the site below:
https://seths.blog
I did it for the desktop, but now wonder how to make it responsive on mobile, I mean so that sidebar became a burger menu on mobile.
I thought about the header being hidden on desktop and then sidebar hidden on mobile again.
But
1. I thought what if there's some other way (https://codyhouse.co/gem/responsive-sidebar-navigation)
2. I don't know how to make those styles so to hide what and where.
Could you please help with the solution
It's almost done, only this responsiveness left
Okay, I've tried one thing, I think putting it all into the primary navigation and style for the desktop, could you please let me know if that is the right path and if I will be able to do that
http://blog2.smartleads.eu/articles/
Hi there,
I would just use the Mobile Header option for mobile: https://docs.generatepress.com/article/mobile-header/
That way you can style the desktop header to the left and you're done.
Let me know if that makes sense or not :)
This is interesting.
So, it's like something appearing on mobile, right? Again - what exactly?
I need mobile sidebar - if the version of the mobile header can replicate the sidebar widgets - then yes.
The solution with the primary navigation is no good? I found plugins that put shortcodes into menu. Then plugin that puts menu into menu - everything. Then I know how to display dropdowns always visible and vertically displayed, the only problem that can occur is the scrolling thing. The rest ok? Or this path won't work?
On mobile I must display the same thing as on the sidebar - this is the thing.
So you want a sidebar on mobile? Wouldn't there not be much room for your content then?
The site you linked to as an example has the header on the side on desktop, but then it's using a feature very similar to our Mobile Header on mobile.
Actually I think to take that path with the header, couse otherwise I wouldn't be able to paste things ahead and it's essential, thanks, I would be drowned by my own.
No problem! Glad I could help :)
