코스모스팜 스레드

탭 형식 카테고리가 모바일에서 화면넓이보다 넓을 경우 스크롤 하고 싶습니다.

select 형식 카테고리가 아닌 tab 형식 카테고리나 쫙 펼쳐져서 보이는 카테고리 같은 경우

카테고리 수가 많아지면 하단에 2줄 혹은 3줄로 카테고리가 아래로 목록이 나열되더라구요.

ex) 모바일넓이가 100인데 카테고리 글자수가 너무많아 120이 된경우

100은 첫번째줄에 20은 밑에줄에 카테고리 나열.

이거를 가로로 스크롤해서 볼 수 있도록 한줄에 보이도록 할 수 있나요..?

ex)

(고구마 감자 딸기 포도) 수박 파인애플 청포도 토마토

(괄호)쳐저있는곳이 모바일 한 화면에 보이는 곳이라면 그옆에 수박 파인애플 있는쪽으로 손가락으로 스크롤 하면

보이도록 하는거에요!!

 

기존에는

고구마 감자 딸기 포도

수박 파인애플 청포도 토마토 이런식으로 카테고리가 나열되었던걸 한줄로 나열해서 스크롤 하는 식으로입니다!

이 페이지의 내용이 유익하시나요? 혹은 더 많은 답변을 받길 원하시면 이 페이지를 공유 해보시는건 어떨까요?

내 홈페이지에 소셜 공유 버튼 추가하기

코스모스팜 회원관리
코스모스팜 회원관리
  • 안녕하세요~^^

    CSS의 white-space와 overflow-x로 스크롤(가로)을 추가하실 수 있습니다.

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    @media screen and (max-width: 600px) {
    	#kboard-default-list .kboard-tree-category { white-space:nowrap; overflow-x:scroll; }
    }

    고맙습니다.

  • 알려드린 코드에서 default 부분은

    실제 사용 중인 스킨명으로 수정하신 후에 적용해보세요.

  • 사용자 정의하기에 하면 안 됬었는데 KBoard 커스텀 css에 적용하니 됐어요!! 감사합니다!!!

    그런데 드롭다운 탭하고는 같이 사용이 안 되는 것 같습니다.ㅠ

    www.boozesounds.com

  • 지금음 동시적용이 안되어서 기존코드만 적용해놨습니다ㅠ

코스모스팜 회원관리