안녕하세요. 워드프레스를 이용하여 쇼핑몰을 제작중인 학생입니다.
pc에서 보는 화면은 마음에 드는데 모바일에서 보는 푸터영역이 너무 마음에 들지않아서 수정하려고 하는데
굉장히 어렵네요.. Html&Css를 공부하여 위의 사진처럼 꾸며보려하는데 쉽지가 않네요..
모바일에서 위의 푸터처럼 표현하려면 어떻게 해야 하나요? 해결책을 알려주시면 감사하겠습니다.
www.hozycozy.com 은 제 홈페이지 입니다.
우와... 이게 이렇게 수정이 가능하네요. 감사합니다.
안녕하세요~^^
알려주신 페이지를 위의 사진처럼 표현하시려면 HTML 코드가 추가될 수도 있습니다.
테마 관련 문제는 저희 쪽에서 직접 테스트해보기 어렵기 때문에 정확한 답변이 어렵습니다.
알려주신 페이지에서 CSS 코드를 수정하여 Footer 영역에서
고객센터, FAQ, 이용약관, 개인정보 취급방침 부분을 모바일 화면에서 나란히 표현되는 방법을 알려드리겠습니다.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보세요.
@media all and (max-width: 767px) {
.nm-footer-bar .menu > li { display: inline; }
.nm-footer-bar .menu > li > a { display: inline; }
.nm-footer-bar .menu { text-align: center; }
}
위 코드는 화면 너비가 767px 일 때의 코드를 적용해드렸습니다.
고맙습니다.