Menu icon Foundation

Developer | Netherlands

My Posts

No Content

My Comments

Willem commented on sia khoo's post over 5 years

I was having problems with the reveal modal in Foundation 5.2.1. aswell. When the screen hit the max-width 40em breakpoint the modal width would exceed the window size and therefor a scrollbar appears.

The css code below fixes this problem

@media only screen and (max-width: 40em){
    dialog, .reveal-modal {
        min-height: initial;
        left: 50%;
        margin-left: -40%;
        width: 80%;
        top: 100px;
    }
}

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on sia khoo's post over 5 years

I was having problems with the reveal modal in Foundation 5.2.1. aswell. When the screen hit the max-width 40em breakpoint the modal width would exceed the window size and therefor a scrollbar appears.

The css code below fixes this problem

@media only screen and (max-width: 40em){
    dialog, .reveal-modal {
        min-height: initial;
        left: 50%;
        margin-left: -40%;
        width: 80%;
        top: 100px;
    }
}

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content