Set hamburger overflow to scroll


#1

I am trying achieve what is show here.

When I enter any code onto the style properties or the project CSS the drop down does not dropdown.

Any ideas /

Cheers

Steve Warby


#2

Can you make a minimal program which shows this?


#3

In the post I forgot to add where I got the code from…

I now can’t remember.

Anyway I have added the following css in the attached project.

This zooms the content of the popup but the page scrolls instead of the dropdown-menu content.

.dropdown-menu {
overflow : auto;
}
@media only screen and (max-width: 600px) {
.dropdown-menu {
    background-color: white;
    box-shadow: 3px 3px 4px 0px #888888;
    zoom: 200%;
    border-radius: 0%;
    
}    
}
@media only screen and (min-width: 601px) {
.dropdown-menu {
    background-color: white;
    box-shadow: 3px 3px 4px 0px #888888;
    zoom: 350%;
    border-radius: 0%;
    
}    
}

Archive.zip (6.1 KB)


#4

This isn’t an AppStudio issue.

You’re using a BootStrap Hamburger, which is based on the Bootstrap DropDown control. You might want to google that and see if anything comes up.