Page 1 of 1
Responsive Sidebar Menu has no vertical scrollbar
Posted: Sat Mar 11, 2023 12:58 pm
by liurudys
Dear Mr. Pablo,
I ask for your help, I use the Responsive sidebar menu extension, why isn't there a vertical scrollbar when there are already a lot of menus ?
Re: Responsive Sidebar Menu has no vertical scrollbar
Posted: Sat Mar 11, 2023 1:46 pm
by Pablo
There is no scrollbar, because the menu is positioned at fixed coordinates so it does not affect the page size.
To make the page larger you will have to add more content to the page.
Re: Responsive Sidebar Menu has no vertical scrollbar
Posted: Sat Mar 11, 2023 2:03 pm
by liurudys
Dear Mr. Pablo,
I've added content but it has no effect, so I sent the wwb design file, maybe you can check it
https://bethanyporis.com/images/design.zip
Re: Responsive Sidebar Menu has no vertical scrollbar
Posted: Sat Mar 11, 2023 2:12 pm
by Pablo
You will need to add content to make the page bigger. For example, by adding a shape at the bottom of the page.
The menu itself does not affect the page size because it is fixed.
https://developer.mozilla.org/en-US/doc ... S/position
Re: Responsive Sidebar Menu has no vertical scrollbar
Posted: Sun Mar 12, 2023 12:15 am
by crispy68
Is this what you are after?
Add the following to a html box set between the <head> tags:
Code: Select all
<style>
<style>
@media (min-width:970px){
.Extension1-navbar-collapse{max-height:100%;}
.Extension1-navbar-collapse.collapse{height:100vh !important;overflow-y:auto !important;}
}
</style>
</style>
You will need to change "Extension1" in the above code to the ID of your menu and the min-width value to match your mobile breakpoint value in the extension.
Re: Responsive Sidebar Menu has no vertical scrollbar
Posted: Mon Mar 13, 2023 12:25 am
by liurudys
Dear Crispy68,
I will try it, Thanks