안녕하세요~
현재 운영중인 사이트는 www.mediumm.net 입니다.
(oceanWP 테마 사용)
문의사항은 두가지 입니다.
1. footer 하단 플로팅 고정
외국 커뮤니티에서는 Sticky footer 라고 하던데
보통 footer는 웹가장 하단에 위치하고 있는데요,
이 footer가 웹 어느곳을 스크롤하여도 항상 화면의 하단에 플로팅하여 고정되는 기능이 궁금합니다. (특히 모바일 화면에서)
구글에서 검색해서
.site-footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
위 방법도 시도해보고 sticky footer 플러그인도 사용해봤는데
Kboard와 겹쳐서 그런지 작동이 안되네요 ㅠ
해결 방법이 있을까요?
2. 모바일 메뉴 알림
아래 이미지와 같이 현재 PC상에서는 알림 아이콘이 빨간색으로 잘 적용되고 있습니다~
그런데 모바일 메뉴의 경우 빨간색 아이콘이 아닌 그냥 숫자로 표시가 되네요ㅠ
수정하는 방법이 없을까요?
감사합니다!
안녕하세요~^^
1. 푸터 고정은 코드만으로는 딱히 문제가 없어보입니다.
KBoard와 겹친다는 것이 어떤 것인지 자세히 설명해주시겠어요?
2. 해당 부분에는 미디어쿼리가 적용되어 있지 않습니다.
F12를 눌러 개발자도구를 이용하여 해당 영역에 css를 확인해보시겠어요?
고맙습니다.
답변 감사합니다 :)
2. 해당 부분에는 미디어쿼리가 적용되어 있지 않습니다.
F12를 눌러 개발자도구를 이용하여 해당 영역에 css를 확인해보시겠어요?
고맙습니다.
미디어쿼리를 적용하는 방법을 알려주실 수 있을까요?
감사합니다.
모바일에 적용되는 미디어쿼리를 적용하시려면
아래의 코드를 활용해보세요.
@media screen and (max-width: 600px) {
/* 이곳에 CSS 코드를 추가해보세요. */
}
미디어쿼리에 대한 자세한 내용은
이전 댓글의 링크를 참고 부탁드립니다.
고맙습니다.