모바일 로고 이미지 변경
본문
베이직 테마로 설정되어 있고
쇼핑몰 설정에서 이미지를 바꾸려고 했는데
하도 안되서 웹페이지는 thema\Basic\shop.head.php에서 아래처럼 수정했습니다.
그런데 모바일은 로고를 작게해서 다른 것으로 넣고 싶은데 어떻게 하면 될까요?
답변좀 꼭 부탁드리겠습니다.
<header>
<!-- Logo -->
<div class="at-header">
<div class="container">
<?php // 로고 및 검색창 위치는 아래 padding-left 값으로 조정하시면 됩니다. ?>
<div class="header-container" style="padding-left:27%;">
<!--<div class="header-logo text-center pull-left"> 변경-->
<div class="header-logo text-center pull-right">
<a href="<?php echo $at_href['home'];?>">
<img src="shop_title.jpg" width="1113" height="203">
</a>
답변 1
미디어 쿼리를 사용하는것도 방법의 하나인것 같습니다.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.logo {
display: inline-block;
width: 45px;
height: 30px;
font-size: 0;
overflow: hidden;
background-image: url("https://sir.kr/img/main/logo2.png");
background-size: 100%;
}
@media only screen and (max-width: 480px) {
.logo {
width: 15px; /* (45 / 3) */
height: 10px; /* (30 / 3) */
}
}
</style>
</head>
<body>
<a href="#" class="logo">to mainto mainto mainto mainto mainto mainto mainto mainto mainto mainto main</a>welcome
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.
