작은화면애서는 로고가 안보입니다. 채택완료

2년 전 조회 2,172

큰화면과 모바일은 첫페이지 접속시 잘 표출됩니다.

그런데 13인치 맥북이나 아이패드에서는 로고가 좌측으로 쏠려서 나오지 않습니다.

스크롤하면 정상 출력되는데 스크롤시처럼 로고와 메뉴들을 똑같이 나오게 하고 싶습니다. 

방법이 있을까요?

https://woosungent.com/index.php

답변 2개

채택된 답변
+20 포인트

Copy
<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를 수정하시면 될듯합니다.

Copy
.top_navigation .logo {
    position: absolute;
    left: 50%;
    width: 264px;
    margin-left: -945px;
    text-align: center;
    top: 0px;
    letter-spacing: -0.02em;
}

현재는 margin-left:-945px로 잡으셔서 그렇습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

-945를 안쓰면 중앙에 잡힙니다.
바꾸신거 같네요?
원래대로 중앙에 나옵니다.

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

3551668203_1690936415.8294.png

 

class="logo" 의 css

3551668203_1690936272.6099.png

 

left 메뉴인 class="gnb" 에 gnb_bottom 클래스를 아예 박아버리시면 left 메뉴는 동일 하실겁니다.

right 메뉴인 class="gnb2"에는 gnb_bottom gnb2_bottom 클래스를 넣어두시면 될것같네요

 

3551668203_1690936442.1195.png

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

margin-left:-945px;를 삭제하라는 말씀이신가요?
스크롤시가 아닌 고정적으로 사용하시려면 left 와 margin-left를 주석하세요.
/*left: 50%;*/
/*margin-left: -945px;*/

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

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

로그인
🐛 버그신고