Responsive Sidebar Menu has no vertical scrollbar

Issues related to hyperlinks and web site navigation.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Post Reply
liurudys
 
 
Posts: 6
Joined: Sat Mar 11, 2023 12:46 pm

Responsive Sidebar Menu has no vertical scrollbar

Post 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 ?

Image
User avatar
Pablo
 
Posts: 21707
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Responsive Sidebar Menu has no vertical scrollbar

Post 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.
liurudys
 
 
Posts: 6
Joined: Sat Mar 11, 2023 12:46 pm

Re: Responsive Sidebar Menu has no vertical scrollbar

Post 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
User avatar
Pablo
 
Posts: 21707
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Responsive Sidebar Menu has no vertical scrollbar

Post 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
User avatar
crispy68
 
 
Posts: 2749
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Responsive Sidebar Menu has no vertical scrollbar

Post 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.
liurudys
 
 
Posts: 6
Joined: Sat Mar 11, 2023 12:46 pm

Re: Responsive Sidebar Menu has no vertical scrollbar

Post by liurudys »

Dear Crispy68,

I will try it, Thanks
Post Reply