Root Explorer PHP

Editing: _layout.scss

// main: style.scss

.mega-content * {
    box-sizing: border-box;
}
.mega-container .mega-row{
    padding: $gutter;
    @include for-mobile {
        padding: $gutter/2;
        .mega-col {
            margin-bottom: 15px;
            &:last-of-type {
                margin-bottom: 0px;

}
        }
    }
}
.mega-row {
    &::after{
        @include clearfix();
    }
}
#megamenu-wp-page {
    @include for-desktop() {
        .megamenu-wp .mega-item:hover .mega-content,
        .megamenu-wp .mega-item.mega-hover .mega-content {
            width: 100%;
            max-width: 99999px;
        }

.mega-item {
            &:hover, &.mega-hover {
                ul, ol {
                    visibility: visible;
                }
            }

&.mega-full {
                .mega-content {
                    .mega-inner {
                        box-shadow: none;
                        border: 0;
                    }
                }
            }

}

.mega-content {
            border: 0px none ;
            box-shadow: none;
            -webkit-transform: translateX(0) !important;
            -moz-transform: translateX(0) !important;
            -ms-transform: translateX(0) !important;
            -o-transform: translateX(0) !important;
            transform: translateX(0) !important;

.mega-inner {
                box-shadow: 0 9px 14px rgba(0, 0, 0, 0.05);
                border: 1px solid #e9e9e9;
            }

.mega-row {
                &:after {
                    @include clearfix();
                }
                .mega-col {
                    float: left;
                    padding-right: $gutter;
                    &:last-child {
                        padding-right: 0px;
                    }
                }
            }

@for $i from 1 through 12 {
                .col-#{$i} {
                    width: percentage($i/ 12);
                }
            }
        }
    }
    .mega-col {
        .mega-widget {
            margin-top: $gutter;
            &:first-child {
                margin-top: 0px;
            }
        }

}
}

#megamenu-wp-page {
    @include for-mobile() {
        .mega-item {
            .mega-inner {
                ul, ol {
                    display: block;
                    top: auto;
                    left: auto;
                    position: relative;
                }
            }
        }
    }
}

[ CANCEL ]

Name	Type	Actions
.. (Parent Directory)
📄 _contents.scss	FILE	[EDIT]
📄 _elements.scss	FILE	[EDIT]
📄 _layout.scss	FILE	[EDIT]
📄 _mixins.scss	FILE	[EDIT]
📄 _structure.scss	FILE	[EDIT]
📄 _widgets.scss	FILE	[EDIT]
📄 style.scss	FILE	[EDIT]

[ Root System Explorer ]

Editing: _layout.scss