full width is not working (urgent)

  • Resolved shenalorlof

    (@shenalorlof)


    3 years, 2 months ago

    Hi full width is not working here. https://ibb.co/mDrG5FF

    I used this code but it doesn’t work

    @include desktop {
    #{$wrap} {
        max-width: 1930px; /** (used even 100%) width in pixels or percent **/
        margin: 0 auto; /** center align menu **/
    }
}

    site – https://ibb.co/QDRxLDC

    Hope to hear from you very soon. thank you

    • This topic was modified 3 years, 2 months ago by shenalorlof.
Viewing 1 replies (of 1 total)
  • Thread Starter shenalorlof

    (@shenalorlof)

    ok this helped

    @include desktop {
    #{$wrap} #{$menu} {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        
        > li.mega-menu-item {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            
            /** Do not grow menu items with ".mega-no-flex" class **/
            &.mega-no-flex {
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                
                > a.mega-menu-link > img.mega-menu-logo {
                    max-width: none;
                }
            }
 
            /** Center align text within menu item **/
            > a.mega-menu-link {
                text-align: center;
                white-space: nowrap;
                
                > span.mega-indicator {
                    float: none;
                }
            }
        }
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘full width is not working (urgent)’ is closed to new replies.