토론방

소스관련 모바일에서 사라지는 텍스트를 노출하고 싶습니다. 어떻게 하면 되나요?

pc나 테블릿에서는 아래처럼 보입니다.

 

그런데 모바일에서는 텍스트가 보이지 않습니다. pc나 테블릿처럼 텍스트를 보이게 하고 싶습니다.

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 이**우 2018-07-23

    CSS 소스를 보시면 모바일에서 내용 텍스트가 숨김처리 되어 있습니다.

    해당 부분을 보여지도록 수정하면 됩니다.

     

     

    @font-face {
        font-family:'icomoon_arrow';
        src:url('/img_up/shop_pds/arampage/design/icomoon/icomoon_arrow/icomoon.eot');
        src:url('/img_up/shop_pds/arampage/design/icomoon/icomoon_arrow/icomoon.eot?#iefix') format('embedded-opentype'),
            url('/img_up/shop_pds/arampage/design/icomoon/icomoon_arrow/icomoon.woff') format('woff'),
            url('/img_up/shop_pds/arampage/design/icomoon/icomoon_arrow/icomoon.ttf') format('truetype'),
            url('/img_up/shop_pds/arampage/design/icomoon/icomoon_arrow/icomoon.svg#icomoon_slider') format('svg');
        font-weight:normal;
        font-style:normal;
    }

    .img_tile__127709__ {margin:0 -5px}
    .img_tile__127709__:after {content:'';display:block;clear:both}
    .img_tile__127709__ * {box-sizing:border-box}
    .img_tile__127709__ .item {float:left;padding:5px}
    .img_tile__127709__ .item .item_inner {display:block;width:100%;position:relative;border-top:2px solid {$farm_set[color]};background:#fff;text-align:left;box-shadow:0 1px 5px rgba(0, 0, 0, .2)}
    .img_tile__127709__ .item .item_inner:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid {$farm_set[color]};opacity:0;transition:all 0.2s ease-out}
    .img_tile__127709__ .item .item_inner:hover:before {opacity:.5}

    .img_tile__127709__ .figure {display:block}
    .img_tile__127709__ .figure img {width:100%;vertical-align:top}

    .img_tile__127709__ .caption {display:block;position:relative;padding:15px 10px;font-size:13px;vertical-align:middle}
    .img_tile__127709__ .caption > span {display:block}
    .img_tile__127709__ .caption .title {overflow:hidden;font-size:14px;font-weight:bold;color:#333;white-space:nowrap;text-overflow:ellipsis;line-height:1.4em}
    .img_tile__127709__ .caption .cont {display:none;margin-top:2px;font-size:13px;color:#888;line-height:1.4em}
    .img_tile__127709__ .caption .btn_view {
        display:inline-block;position:relative;margin-top:5px;padding-right:18px;font-size:11px;font-weight:bold;color:{$farm_set[color]};line-height:18px;letter-spacing:.03em;vertical-align:top;
    }
    .img_tile__127709__ .caption .btn_view:before {content:'\e902&#**;;position:absolute;top:*;right:*;font-family:&#**;icomoon_arrow&#**;;font-size:**px;font-weight:normal;line-height:**px}

    .img_tile__127709__ .empty {width:100% !important;padding:30px 10px;font-size:14px;color:#666;text-align:center}

    .col_m_1__127709__ .item {width:100%}
    .col_m_2__127709__ .item {width:50%}
    .col_m_3__127709__ .item {width:33.3333%}
    .col_m_4__127709__ .item {width:25%}
    .col_m_1__127709__ .item,
    .col_m_2__127709__ .item2n,
    .col_m_3__127709__ .item3n,
    .col_m_4__127709__ .item4n {clear:both}

     

     

     

     

    .img_tile__127709__ .caption .cont {display:none;margin-top:2px;font-size:13px;color:#888;line-height:1.4em}

     

    ->

     

    .img_tile__127709__ .caption .cont {display:block;margin-top:2px;font-size:13px;color:#888;line-height:1.4em}

댓글작성

열기 닫기

댓글작성
top