포트폴리오 카테고리가 5개일 때-모바일 개선

다음과 같이 포트폴리오 카테고리를 5개를 설정하여 ALL을 포함하여 6개의 카테고리가 화면에 보일 때.

 

 

 

[PC화면]

 

 

[모바일화면]

 

 

 

WP12639의 기본 화면 구성입니다.

모바일에서 자동으로 3단으로 나타나는데 카테고리명이 길어서 '기타 디자인'이 아래로 내려간 것입니다.

 

 

해당 화면을 개선하는 방법을 알려드립니다.

 

관리자모드 > 상단 사이트 방문하기 > 사용자정의하기 > 하단 추가 CSS

 

다음 코드를 복사하여 삽입합니다.

font size 크기를 기호에 맞게 조절할 수 있습니다.

화면에 반영이 안된다면 상단에 '캐시삭제'를 클릭하세요.

 

div.text-center a {font-size:15px !important; width:120px  !important; text-align:center;}
div.text-center { width:100% !important;}

 

 

개선된 화면 결과입니다.

 

[pc화면]

 

 

 

[모바일화면]

 

 

 

 

메뉴가 6개가 아니고 4개... 기타 인 경우 참고

 

font-size 옆의 11크기를 조정해보세요. 

div.text-center a {font-size:11px !important;  text-align:center;}
div.text-center { width:100% !important;}