작은화면애서는 로고가 안보입니다.
본문
큰화면과 모바일은 첫페이지 접속시 잘 표출됩니다.
그런데 13인치 맥북이나 아이패드에서는 로고가 좌측으로 쏠려서 나오지 않습니다.
스크롤하면 정상 출력되는데 스크롤시처럼 로고와 메뉴들을 똑같이 나오게 하고 싶습니다.
방법이 있을까요?
답변 2
<div class="logo"><a href="../../index.php"><img src="../../assets/images/main/logo01.png" width="142" height="100" /><br />
<div class="logo_bottom"><a href="../../index.php"><img src="../../assets/images/main/logo01.png" width="142" height="100" /></a>
현재 로고를 class = logo, logo_bottom 2개를 쓰고 있으십니다.
처음에는 표시되는 class = logo에 css를 수정하시면 될듯합니다.
.top_navigation .logo {
position: absolute;
left: 50%;
width: 264px;
margin-left: -945px;
text-align: center;
top: 0px;
letter-spacing: -0.02em;
}
현재는 margin-left:-945px로 잡으셔서 그렇습니다.
-945를 안쓰면 중앙에 잡힙니다.
바꾸신거 같네요?
원래대로 중앙에 나옵니다.
class="logo" 의 css
left 메뉴인 class="gnb" 에 gnb_bottom 클래스를 아예 박아버리시면 left 메뉴는 동일 하실겁니다.
right 메뉴인 class="gnb2"에는 gnb_bottom gnb2_bottom 클래스를 넣어두시면 될것같네요
margin-left:-945px;를 삭제하라는 말씀이신가요?
스크롤시가 아닌 고정적으로 사용하시려면 left 와 margin-left를 주석하세요.
/*left: 50%;*/
/*margin-left: -945px;*/
답변을 작성하시기 전에 로그인 해주세요.
