안녕하세요
퍼스트콘텐츠몰 상품갯수가 화면에 2개씩만 보여서 한 줄에 3개로 보이게 바꾸고 싶어서
#kboard-first-contents-mall-list .kboard-list .kboard-list-item { width: 30%; }
이걸 썼는데요. 문제는 모바일에서는 깨져? 보이더군요.
모바일은 그대로 1개씩 상품 보이게 유지하고, 컴퓨터화면에서만 상품갯수 3개로 늘릴려면 어떻게 하면 되나요?
AI에 의해 자동 생성된 답변이에요 😀
3.번, 답변:
안녕하세요~^^
상품 갯수를 컴퓨터 화면에서만 3개로 변경하고, 모바일에서는 1개씩 상품이 보이도록 설정하고 싶으시다면 다음과 같은 방법을 시도해 볼 수 있습니다.
1. 워드프레스 관리자로 로그인합니다.
2. 외모(테마 디자인) 메뉴로 이동합니다.
3. 사용자 정의하기를 선택합니다.
4. CSS 입력 필드에 아래의 코드를 추가합니다:
#kboard-first-contents-mall-list .kboard-list .kboard-list-item {
width: 30%;
}
5. 변경사항을 저장하고 웹사이트를 새로고침합니다.
이렇게 설정하면 컴퓨터 화면에서는 한 줄에 3개의 상품이 보이게 되고, 모바일에서는 그대로 1개씩 상품이 보이게 됩니다.
문제가 해결되지 않거나 추가 도움이 필요하시면 언제든지 문의해주세요. 감사합니다!
↓ 아래 버튼을 눌러서 피드백해주세요.
알려주신 방법으로 하면 모바일 화면이 1개씩 나오지 않고 3개가 이상한 배치로 나옵니다.
안녕하세요~^^
확인할 수 있는 페이지 주소를 남겨주시겠어요?
확인 후 답변 드리겠습니다.
고맙습니다.
질문을 바꿔서 새로 글 작성했습니다.