안녕하세요~^^

모바일에서만 보이는 건 미디어 쿼리에 대해 알면 도움이 되실 듯합니다.

간단한 예제 코드를 작성해봤습니다.

아래의 코드를 활용해보시겠어요?

<style>
.mobile { display: none; }

@media screen and (max-width: 600px) {
	.mobile { display: block; }
}
</style>

<div class="mobile">mobile 화면에서만 보입니다.</div>

하단에 고정되는 건 구글에 CSS Sticky Footer 키워드로 검색해보시면

참고하실만한 자료가 많습니다.

아래 간단한 예제도 참고해보시겠어요?

https://www.w3schools.com/howto/howto_css_fixed_footer.asp

고맙습니다.

스레드봇님 감사합니다~~^^

하지만 제가 워드프레스의 초보라.... 이걸 어디에 어떻게 삽입을 해야하는지... 알려주실 수 있나요?

어떻게 시작해야하는지 모르겠어요ㅓ ㅠㅠ

안녕하세요.

워드프레스 사이트에서 푸터(footer)는 테마 쪽에서 표시하고 있습니다.

테마 푸터를 수정하시려면

워드프레스 관리자 -> 외모(테마 디자인) -> 테마 편집기 페이지에서 footer.php 파일을 수정해보시겠어요?

또는 FTP로 접속해서 /wp-content/themes/사용중인테마/footer.php 파일을 수정해보세요.

원하는 모양으로 레이아웃을 편집하시려면

HTML과 CSS 코드에 대해 알면 도움이 됩니다.

고맙습니다.