테스트 사이트 - 개발 중인 베타 버전입니다

모바일 로고 이미지 변경 채택완료

누구게1 8년 전 조회 3,797

베이직 테마로 설정되어 있고

쇼핑몰 설정에서 이미지를 바꾸려고 했는데

하도 안되서 웹페이지는 thema\Basic\shop.head.php에서 아래처럼 수정했습니다.

그런데 모바일은 로고를 작게해서 다른 것으로 넣고 싶은데 어떻게 하면 될까요?

답변좀 꼭 부탁드리겠습니다.

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

답변 1개

채택된 답변
+20 포인트
8년 전

미디어 쿼리를 사용하는것도 방법의 하나인것 같습니다.

</p><p><!DOCTYPE html></p><p><html></p><p>    <head></p><p>        <style type="text/css"></p><p>        .logo {</p><p>            display: inline-block;</p><p>            width: 45px;</p><p>            height: 30px;</p><p>            font-size: 0;</p><p>            overflow: hidden;</p><p>            background-image: url("<a href="<a href="https://sir.kr/img/main/logo2.png" target="_blank" rel="noopener noreferrer">https://sir.kr/img/main/logo2.png</a>"><a href="https://sir.kr/img/main/logo2.png" target="_blank" rel="noopener noreferrer">https://sir.kr/img/main/logo2.png</a></a>");</p><p>            background-size: 100%;</p><p>        }</p><p>        @media only screen and (max-width: 480px) {</p><p>            .logo {</p><p>                width: 15px; /* (45 / 3) */</p><p>                height: 10px; /* (30 / 3) */</p><p>            }</p><p>        }</p><p>        </style></p><p>    </head></p><p>    <body></p><p>        <a href="#" class="logo">to mainto mainto mainto mainto mainto mainto mainto mainto mainto mainto main</a>welcome</p><p>    </body></p><p></html></p><p>

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

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

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

로그인