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