배너가 모바일에서 안나옵니다
2015.03.10 22:32
1,227
3
- - 짧은주소 : http://e3net.fineyes.com/bbs/?t=BI
본문
head_bs.html 파일에 배너 부분에 링크 주소 추가하고
배너 이미지 이미지 폴더에 업로드 해서 배너를 달았는데
모바일에서는 배너가 안나오네요
hidden-sm hidden-xs 이부분 때분에 그런것 같은데
모바일에서도 나오게 할수는 없을까요?
<------------ Header Banner 영역 시작 { --------------->
<!-- 안내: 테마 image 폴더 내 이미지파일을 업로드 후 아래 a태그 링크설정 및 이미지 경로의 이미지 파일명 수정, 불필요 시 삭제 -->
<div class="header-banner pull-right hidden-sm hidden-xs">
<a href="#" target="_blank"><img src="../image/header_banner.png" class="img-responsive"></a>
</div>
<!-- 안내: 보여지는 이미지 크기는 209 x 50 픽셀입니다. 선명도 최적화를 위해 694 x 166 픽셀 사이즈로 image 폴더에 업로드 하시길 권합니다. -->
<!--------------- } Header Banner 영역 끝 --------------->
0
로그인 후 평가 가능합니다.
-
선인장
- 회원등급 : 지하계 / Level 5
포인트 204,735
경험치 2,576
[레벨 5] - 진행률
58%
- 가입일 : 2015-02-18 15:08:24
- 서명 : 미입력
- 자기소개 : 미입력
댓글목록 3
레오나르도님의 댓글
hidden-sm hidden-xs 때문에 맞습니다.
지워주면 출력이 되겠지만... 모바일 레이아웃 구조 상 배너를 나오게 하면 보기 안좋게 틀어질듯 합니다.
차라리 적당히 원하는 위치에 동일한 소스를 복사하여 넣고 hidden-sm hidden-xs클래스 대신 visble-sm visble-xs 클래스를 넣어주면 모바일 크기의 화면에서 복사한 위치에 배너가 출력이 될거에요.
축하합니다. 첫댓글 포인트 100포인트를 획득하였습니다.
선인장님의 댓글
감사합니다 해결했습니다
그냥 저자리에 그대로 두고 visible 클래스를 이용해서 해결했어요 모마일에서 보면 빨간메뉴 아이콘 아래쪽에 표시되는데 이게 그렇게 맘에 드는건 아니지만 딱히 레이아웃이 틀어지는것은 아니라 당분간은? 그냥 이렇게 쓸려고요. 정말 감사합니다!!
햇살스미는자리님의 댓글
레오나르도님 좋은팁 감사합니다. 스크랩합니다 .