반응형 로고 위치 변경질문 드립니다.
관련링크
본문
어찌저찌 사이트 디쟌하고 기능 좀 넣고 수정하고 상세페이지 디쟌까지 날림으로
다 해놓고보니 pc버젼일때 로고 위치와 로그인 버튼등의 위치가 좌우 화면으로
너무 바짝 붙어서 요고요고 container 레이아웃크기에 맞게 안쪽으로 배치하고 싶은데요.
반응형은 첫경험(부끄럽네요 ㄷㄷㄷ)이라 어떻게 손을 대야 할지 모르겠네요 ^^;
힌트를 살포시 주시면 가열차게 실험해서 적용하겠습니다.
로고 상태는 링크 확인부탁드립니다. 굽신굽신
상단 레이아웃을 포함한 로고 위치 css 내용입니다.
/* 상단 레이아웃*/
#hd {position:relative;margin:0 0 ;padding:0 0;text-align:center;}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_wr{position:fixed;top:0;left:0;z-index:9999;background:#000;height:90px;width:100%}
#logo{position:absolute;top:10px;left:0;margin-left:10px;line-height:67px}
답변 2
#container 해당 css에는 넓이가 없네요! 이 컨테이너는 padding값을 없애주고 모바일에서 꽉찬 화면을 제공합니다!
.idx_recommend 해당 클래스가 컨테이너 역활을 하고 있네요
head영역
<div id="hd_wr">
<div class='idx_recommend'>
아이콘메뉴
로고
중앙메뉴
</div>
</div>
감싸줘요~
css코드는 완벽합니다 다만 hd_wr안에 한번더 감싸주고 중앙정렬해주는게 빠졌네요
오옷 코구뇽님 고맙습니다. 시도해봐야겠네요 ㅎㅎ ^^
잘 지내시죠?
성공했습니다. ㅎㅎ 코구뇽님 자세한 팁이 해결책이 되었네요.
별이님도 답변 고맙습니다.
멋진사이트 만드시네요 역시 굇수..
굇수라뇨 ㄷㄷㄷㄷㄷ
만들어진 테마가지고 쪼금만 수정한게 전부에유 ㅠㅠ
로고를 감싸고 있는 div 가로 크기를 container와 같게 해주세요.
답변 고맙습니다.
말씀하신데로 로고를 감싸고 있는 div에 스타일값으로 가로크기를 지정했는데 변하지 않네요.
혹시몰라서 헤드 전체를 감싸고 있는 header에도 스타일값으로 넣어봤는데 역시나
변화가 없습니다. ㅠㅠ
아.. 잘못된 파일에 적용했었네요.
다시 제대로 적용을 했는데 pc버젼에서는 로고 위치가 정상적으로 이동하나
위치 고정이 되버려서 ㅎㅎ
모바일에서 왼쪽으로 로고가 가지 않네요 ^^;
부트스트랩이란거 뭔가 간단할거 같으면서도 어렵네요.
