모바일웹에서의 텍스트겹침 채택완료
앤시아
6년 전
조회 3,596
영카트 쇼핑몰 작업중 PC웹에서는 카테고리 메뉴가 정상적으로 나오는데
모바일웹에서는카테고리 메뉴텍스트가 겹쳐져서 보여지네요.
환경은 g5_shop_category의 ca_name 컬럼에
</p>
<p><span><i class="fas fa-laptop fa-fw"></i> ELECTRONIC ITEM</span></p>
<p>를 넣어서 불러온값입니다.
해당 쇼핑몰 모바일 주소 http://egshop.dothome.co.kr/kr/?device=mobile">http://egshop.dothome.co.kr/kr/?device=mobile 입니다
정상적으로 나오는 웹주소 http://egshop.dothome.co.kr/kr/?device=mobile">http://egshop.dothome.co.kr/kr/?device=pc 입니다
CSS문제는 아닌듯한데.. 어디가 문제일까요 혹시 비슷한 경험 있으신분 계신가요?
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
6년 전
all.css에서 아래의 부분의 넓이를 바꿔주시거나
.fa-fw { text-align: center; width: 2.25em; }
아니면 아래와 같이
.fa-fw {text-align: center; width: auto; padding-right: 10px;}
이런식으로 해주시면 될 듯하네요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인