모바일 메인페이지

1. 모바일 상단 와우슬라이더

모바일 메인에 와우슬라이더 적용 방법에 따라 적용한 후 적용한 슬라이더 이미지 외에 공백(?)이 나옵니다. 공백없이 나오도록 수정하는 방법 알려주세요.

 

* 참고한 매뉴얼

http://bos.kr/kwa-manual_v-1223?search_value=모바일 메인&search_item=A&PB_1301371381=2

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

 

아래의 질문의 첨부한 파일 이미지 참고해주세요.

 

 

2. 아이콘 이미지 설정 방법

2번 영역에서 4개 정렬 된 것 -> 2개와 3개 등 원하는 갯수를 행으로 보이게 하는 방법 및

(2~3개 설정시 화면 비율에 따라 이미지도 자동으로 커지겠죠?)

 

 

3. 3번 영역 설정 방법

3번 영역 3개 정렬 된 것 -> 1개~4개 등 원하는 갯수로 행으로 보이게 하는 방법 및

세로 사이즈도 마음대로 변경할 수 있으면 그 방법도 함께 알려주세요.

 

(참고로 이것저것 만져보다가 DIV 속성에서 -> 시작태그뒤 태그에서 33.3%-> 50%로 수정하니

적용했던 다른 영역에 있던 아이들까지 모두 2행으로 보이더라구요.

저는 각각 다르게 활용하고 싶습니다)

 

 

 

· 관련키워드

메인페이지,와우슬라이더,1=2,와우슬라이더모바일,sitecook.kr,search_item,value, ,search_value,와우슬라이드,모바일버튼,모바일버전,버튼,비주얼배너,동영상,padding,pc버전,[RE]

공유하기
매뉴얼요청
첨부파일
확장자는jpgM.jpg
분류
설정변경
등록자

신선희

등록일
2016-11-11
버전

[RE] 모바일 메인페이지

1. 요소검사로 확인해보니, 너비/높이값이 설정되어있지 않은걸로 확인됩니다.
와우슬라이더에 등록되어있는 비주얼배너의 너비/높이값을 설정해주세요.

2. 작업 내용을 처음부터 끝까지 Q&A게시판에서 설명을 드리기엔 한계가 있습니다.

먼저 pc버전에서 버튼 작업을 하신것처럼 모바일버전에서도
행-열-컨텐츠박스 구조로 만들어서 각각 원하는 형태로 작업해주시면 됩니다.

pc버전에서는 열박스를 class="ABA-container-box-250" 이렇게 넣었다면,
모바일버전에서는 class="ABA-container-box-25p" 이런식으로 퍼센트형식으로 넣어주셔야합니다.

3. 2번에 답변드린것처럼 작업을 진행하시면 되며,
세로사이즈 조절은 고객님께서 %값을 조절하셨다는 경로인
DIV 속성에서 -> 시작태그뒤 에 height:23px;padding:7px 2px 2px 0; 값이 있습니다.
이 값들을 조절하여 세로사이즈를 늘리고, 텍스트의 위치를 조절할 수 있습니다.

이미지 설정은 http://bos.kr/kwa-study_video_v-37?category_1=~C 모바일의 특성 및 주의사항에 대한 동영상 강의입니다.
동영상강의를 시청하신 뒤에 작업해주세요.^^
관련키워드

와우슬라이더,와우슬라이드,모바일버튼,모바일버전

등록자
등록일
2016-11-14 14:45
조회
72
사용자포럼(Q&A)
번호제목등록자등록일
31021

신선희

11-11
30929

김제은

11-04
30900

이영찬

11-03
30792

최호용

10-25
30768

최지우

10-21
30767

신선희

10-21
30751

신선희

10-20
30697

최호용

10-17
30384

김성범

09-19
30380

장문익

09-19
30117

이범열

08-24
30116

신선희

08-24
30073

이범열

08-23
29916

이범열

08-10
29870

이범열

08-08