[디자인관리 > 고급 디자인 관리 > 그룹디자인 관리]

 

해당 슬라이드 소스에서 다음값 수정이 필요합니다.

- 기본값에 설정이 되어 있어서 mobile 에서도 좌우 여백 250이 적용되고 있습니다.

 

    $('#owl_{$this_group_code}').owlCarousel({
        ...
        stagePadding: 250,                            // 스테이지 여백 (좌우 슬라이드 노출)
        ...
        responsive: {                                // 반응형
            0:{
                ...
            },
            768: {
                ...
            },
            102*:{
                ...
            }
        }
    })

- 다음과 같이 수정해주세요.

 

    $('#owl_{$this_group_code}').owlCarousel({
        ...
        stagePadding: 250,                            // 스테이지 여백 (좌우 슬라이드 노출) <- 삭제합니다.
        ...
        responsive: {                                // 반응형
            0:{
               stagePadding: 0,                            // 스테이지 여백 (좌우 슬라이드 노출)
            },
            768: {
                ...
            },
            102*:{
                stagePadding:250,                            // 스테이지 여백 (좌우 슬라이드 노출)
            }
        }
    })

@ 설명

 

102* 미만의 크기에서는 좌우 슬라이드가 노출되지 않으며,

102* 이상의 크기에서는 좌우 250의 여백이 적용됩니다.