채택완료

모바일 인덱스 문의

2015-08-06 (목) 15:23:57 3,493

모바일 인덱스의 추천이나 최신등의 인식되는 페이지의 타이틀이 양쪽에 비해 너무 넓습니다.

양쪽과 동일한 사이즈로 만들고 싶은데요. 어디서 소스를 수정해야 하나요?

그리고 회원가입버튼 왼쪽의 공백도 조절을 하고 싶습니다.

bf9e8d7332a3b4703072e137fc96f9e1_1438842221_7271.jpg
 

|

답변 3개 / 댓글 2개

채택된 답변
+20 포인트
Copy
/* 인덱스 상품 */.sidx_slide {position:absolute;top:0;left:0;width:100%}#slide_tab li {position:absolute;top:0 15;text-align:center; width:30%/*좌우 박스크기*/}#slide_tab button {margin:0px;padding:0 0px; width:100%;height:50px;border:0;background:#C60;color:#fff; font-size:13;/*상단탭 좌우블럭*/}#slide_tab .tab_active button {background:transparent;font-weight:bold}#sidx_slide {position:relative;top:0;left:0;width:100%;overflow:hidden}.sidx_slide {position:absolute;top:0;left:0;width:100%}​

css/mobile_shop.css

109번줄부근 제가 주석달아놨으니 %만 수정하심될꺼에요

답변에 대한 댓글 1개

참고로 제 개인적인 css입니다. 참고만 하세요

보니까 UI가 예전버전이네요.

추천상품 사이즈 줄이는건 /css/mobile_shop.css 에서 

15px ​​부분 수치 늘려주면 양쪽 사이즈가 늘어나서 가운데가 줄어들 겁니다.

/* 인덱스 상품 */ 

...

#slide_tab button {margin:0;padding:0 15px;height:40px;border:0;background:#585858;color:#fff} 

..

그리고 회원가입 쪽은 같은 css 파일에서 여기 살펴보면 되겠네요.

가운데 정렬이라 더 그런 것으로 보이는데 마진값 조정하고 text-align:left​로 해서 맞추면 될 겁니다. 

#hd_mb {margin:10px 10px 0;text-align:center}

#hd_mb li {display:inline-block;margin:0 0 5px 10px}

#hd_mb a {display:block;padding:5px;text-decoration:none;letter-spacing:-0.1em} 

최초 설치시의 영카트5와는 다른 레이아웃으로 수정된 형태인 것 같아서

화면의 이미지로만으로는 답변이 어려워 보이네요. 

답변에 대한 댓글 1개

상단 메뉴에 둥글게 테두리준거 뿐인데요~~

답변을 작성하려면 로그인이 필요합니다.