[엘리멘터 편집] PC모드의 줄바꿈상태를 태블릿/모바일에서는 없애기.

이런경우 섹션을 복제해서 PC/모바일용으로 구분해서 작업해도 되지만 단순히 문장 줄바꿈때문이라면 아래의 방법으로 해결이 가능합니다.

예를 들어

위젯을 통해 작업이 되어진 경우 해당 위젯을 선택하고 [고급] > [커스텀 CSS] 영역에 아래의 소스를 넣습니다.

--------------------------------------

@media (max-width: 1024px) {
    selector br {
        display: none !important;
    }
}
---------------------------------------

이 소스를 적용하시면 태블릿/모바일에서는 강제줄바꿈이 무시되어 문장이 연결되어서 나오게 됩니다.
1024px 수치를 600~700정도로 조정하게 되면 모바일에만 적용이 되는걸로 보시면 됩니다.

만일 단어단위의 줄바꿈까지 함께 되도록 하시려면 아래의 소스를 넣어주세요.
------------------------------------------------

/* 1. 단어 단위로 줄바꿈 (전체 적용) */
selector {
    word-break: keep-all;
}

/* 2. 태블릿/모바일에서만 강제 줄바꿈 제거 */
@media (max-width: 1024px) {
    selector br {
        display: none !important;
    }
}

------------------------------------------------

감사합니다.