[Resolved] Sidebar Responsive as a Burger Menu instead of Header

Home Forums Support [Resolved] Sidebar Responsive as a Burger Menu instead of Header

Home Forums Support Sidebar Responsive as a Burger Menu instead of Header

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #787069
    Yulia

    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

    #787234
    Yulia

    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/

    #787436
    Tom
    Lead Developer
    Lead Developer

    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 ๐Ÿ™‚

    #787476
    Yulia

    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.

    #788094
    Tom
    Lead Developer
    Lead Developer

    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.

    #789503
    Yulia

    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.

    #789559
    Tom
    Lead Developer
    Lead Developer

    No problem! Glad I could help ๐Ÿ™‚

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.