해당 페이지의 경우 제목이 한줄로 출력되면서 가로크기를 벗어날경우 자동으로 ... 표시가 되도록 작업되어 있습니다.

다음 둘 중 하나의 방법으로 수정해주세요.

 

1. 가로 한줄에 표시되는 메뉴의 개수를 변경하려면 pc.css 를 수정해주세요.

2. 줄이 바뀌면서 전체내용이 출력되도록 하려면 mobile.css 를 수정해주세요.

 

 

 

1. pc.css 수정

- 가로 한줄에 세개의 메뉴만 출력하려면 다음과 같이 수정해주세요.

 

[디자인관리 > 고급 디자인 관리 > CSS 파일관리]

FARM DESIGN A - PC 화면

 

/* 사이트맵 */
.farm-A-sitemap {
    .farm-A-dep1 {
        > li {
            width:25%;
            &.farm-A-clear-tablet {clear:none;}
            &.farm-A-clear-pc {clear:left;}
        }
    }
}

 

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

width:33.33%

 

 

 

2. mobile.css 수정

- 줄이 바뀌면서 전체내용이 출력되도록 하려면 다음과 같이 수정해주세요.

 

[디자인관리 > 고급 디자인 관리 > CSS 파일관리]

FARM DESIGN A - 모바일 화면

 

/* 사이트맵 */
.farm-A-sitemap {
    .farm-A-dep1 {
        @extend %ul;
        > li {
            margin:0 0 40px;
            > a {
                display:block; overflow:hidden; padding:15px 10px;
                border-top:2px solid {$css_var[farm_a_c1]}; border-bottom:1px solid #e1e1e1;
                font-size:15px; font-weight:600; color:{$css_var[farm_a_c1]}; white-space:nowrap; text-overflow:ellipsis;
            }
            .farm-A-dep2 {
                @extend %ul;
                > li {
                    border-bottom:1px solid #e1e1e1;
                    > a {
                        display:block; overflow:hidden; position:relative; height:16px; padding:10px 5px 10px 25px;
                        font-size:13px; color:#676260; line-height:1.3; white-space:nowrap; text-overflow:ellipsis;
                        i {
                            position:absolute; left:13px; top:50%; width:4px; height:2px; margin-top:-1px;
                            background:#b7b7b7;
                        }
                        &:hover {background:#f7f7f7; color:#010***; font-weight:bold;}
                    }
                }
            }
        }
    }
}
 

-> 해당 소스들을 삭제해주세요.