상위로 이동

사용자포럼(Q&A)

비주얼탭 모바일에서 항목부분 모두 나타내기

해당페이지 하단에 비주얼탭을 넣었는데요

항목이 총7개인데 마지막 항목이 잘려서 보이지 않습니다
(확인한 핸드폰 기종 : 갤럭시S10)

핸드폰 기종에 상관없이 항목이 모두 잘 보이도록하고싶은데 어떻게해야하나요?

비주얼탭디자인 테마02의 경우 항목이 모두 보이기는하지만 왼편으로 치우쳐저서 테마01로 사용하고싶습니다.

(혹은 테마01로 사용해야하는경우 폰트색상을 바꾸고 가운데 정렬로하고싶습니다)
· 관련키워드

 ,[RE],important

공유하기
등록자

최호용

등록일
2020-04-08 13:07
조회
141

[RE] 비주얼탭 모바일에서 항목부분 모두 나타내기

각 탭버튼의 여백을 줄여서 한 줄에 들어오게 하셔야겠습니다.
아래의 소스를 해당 페이지 편집화면 > tag/css/js에 추가해주세요.

<style>
#AB-vtab-9-tabs li.ui-tabs-active a.ui-tabs-anchor { padding-left:3px !important; padding-right:3px !important; }
</style>
공유하기
등록자

비오에스

등록일
2020-04-08 14:45
조회
134

[RE] 비주얼탭 모바일에서 항목부분 모두 나타내기

답변감사합니다
근데 알려주신 태그를 넣으면 아래 캡쳐화면처럼 선택된 탭만 크기가 줄어들고 여전히 7번째 탭은 보이지 않습니다

 



=========== 원래글 ============
해당페이지 하단에 비주얼탭을 넣었는데요

항목이 총7개인데 마지막 항목이 잘려서 보이지 않습니다
(확인한 핸드폰 기종 : 갤럭시S10)

핸드폰 기종에 상관없이 항목이 모두 잘 보이도록하고싶은데 어떻게해야하나요?

비주얼탭디자인 테마02의 경우 항목이 모두 보이기는하지만 왼편으로 치우쳐저서 테마01로 사용하고싶습니다.

(혹은 테마01로 사용해야하는경우 폰트색상을 바꾸고 가운데 정렬로하고싶습니다)
공유하기
등록자

최호용

등록일
2020-04-08 14:51
조회
130

[RE] 비주얼탭 모바일에서 항목부분 모두 나타내기

모든 탭의 사이즈를 줄여야 하는데... 그럼 혹시 선택자를 #AB-vtab-9-tabs a.ui-tabs-anchor 로 바꿔봐주시겠어요?
최종적으로 다음과 같이 수정해주시면 됩니다.

<style>
#AB-vtab-9-tabs a.ui-tabs-anchor { padding-left:3px !important; padding-right:3px !important; }
</style>
공유하기
등록자

비오에스

등록일
2020-04-08 15:29
조회
125