- This topic has 17 replies, 3 voices, and was last updated 2 years, 2 months ago by Leo.
-
AuthorPosts
-
December 20, 2021 at 9:40 am #2054740Samuel
I am working on a new site build and the client wants a sidebar that will be used for a menu and some other information depending on what page loads. The sidebar should appear on desktop and tablet, but on mobile the wants a hamburger menu style toggle that will show/hide the sidebar menu. On mobile it should be full screen when shown and completely hidden when not active. And the sidebar should be full width on the left (top to bottom) which I don’t think is possible in the customizer because it only adds a sidebar in the main content area.
Is the best way to do this still to use Customizer -> Layout -> Sidebars or should I be using a layout element for this?
How do I get a toggle button/icon to show hide the sidebar on mobile and make it full width on mobile? This is probably obvious but for some reason I can’t find it in the customizer.
December 20, 2021 at 11:40 am #2054857LeoStaffCustomer SupportHi there,
Unfortunately something like a toggle for the sidebar on mobile will require a complete custom solution involving javascript.
If it’s absolutely necessary, then you can try hiring a developer using a service like Codeable suggested at the bottom of this page:
https://generatepress.com/what-support-includes/Hope this helps.
December 20, 2021 at 11:46 am #2054862SamuelOk–Is there a way to do make the sidebar full height?
December 20, 2021 at 11:52 am #2054871LeoStaffCustomer SupportOn desktop?
Can you link me to the page in question?
December 20, 2021 at 12:42 pm #2054931SamuelRight now I only have the site on my computer. I’m trying to see if I can use the built in GeneratePress sidebar feature and with some CSS make it full height instead of only within the content area.
December 20, 2021 at 12:49 pm #2054932YingStaffCustomer SupportHi Samuel,
Maybe you can try importing the sider template from our site library to start with:
https://www.screencast.com/t/kLDqCNVsuhDecember 20, 2021 at 12:51 pm #2054934SamuelAh, thank you. I will try that and see if that does it.
December 20, 2021 at 1:04 pm #2054937LeoStaffCustomer SupportThis should help as well:
https://docs.generatepress.com/article/header-examples/#example-7December 20, 2021 at 1:57 pm #2054965SamuelThank you–I followed the instructions on that header example and I think it works. I’ll need to use a block widget under the menu to get all the information I need. What’s the best way to force the widgets to display below the menu?
December 20, 2021 at 2:09 pm #2054974YingStaffCustomer SupportHi Samuel,
Can you try add a header widget, if it’s not below the navigation, can you link us to the site?
Let me know 🙂December 20, 2021 at 2:24 pm #2054992SamuelWell I’m testing this on a local machine. And I added a widget to that area and it’s next to the navigation. I’ve attached a screenshot.
December 20, 2021 at 2:39 pm #2054999SamuelQuick question: Would it end up being easier overall for me to drop the standard GeneratePress header and footer and create the header and footer elements as blocks within the primary content area? That way the sidebar would appear to be full width. Would this be easier overall and less custom css?
If so what do I need to do to remove the default header and footer? I’m guessing there are some actions I need to modify so they won’t run?
December 20, 2021 at 6:19 pm #2055081YingStaffCustomer SupportWith a screenshot I can’t tell what the issue or solution is, I’ll have to see the code.
Using element to build footer is a good idea, but to replace the menu with dropdown (submenu) would require a lot of customizing.
I would suggest import the sider template and go from there.
December 21, 2021 at 7:01 am #2055550SamuelI don’t need a dropdown submenu, so the sidebar might be easier than trying to get the side menu to work. I’ll try both and see which is best. Do you happen to know what code I need to tell GP not to generate the header and footer sections? I’m guessing I need to unset some action hooks so it doesn’t run.
December 21, 2021 at 8:24 am #2055822SamuelPlease disregard the last post–I forgot I can do that easily with a layout element.
-
AuthorPosts
- You must be logged in to reply to this topic.