모바일에서 고정푸터

재택

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2021-04-26 (월) 23:55:03 2,455

하단에 고정으로 전화하기 상담신청 이런 버튼 모바일에만 나오게 하려면 어디를 수정해야 하나요?

그누보드5

답변 3개

채택된 답변

+20 포인트

woong6156

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2021-04-27 (화) 06:23:32

/theme/basic/mobile/tail.php에

Copy

<div id="sticky">

<ul>

<li>버튼1</li>

<li>버튼2</li>

<li>버튼3</li>

</div>

/theme/basic/css/mobile.css에

Copy

#sticky {position:fixed;bottom:0px;}

이렇게 만들어가시면 되겠습니다.

별아빠

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2021-04-27 (화) 13:48:56

두분다 너무 감사합니다!

webssiah

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2021-04-27 (화) 08:25:48

css에서 해당 스타일을 이렇게 묶어주는 방법도 있습니다

Copy

@media (min-width:601px) and (max-width:1300px) { 

.sticky { display:none;}

}

 

@media (min-width:100px) and (max-width:600px) {

.sticky { display:inline!important;}

}

답변을 작성하려면 로그인이 필요합니다.

모바일에서 고정푸터

답변 3개

공유하기