베이직 테마로 설정되어 있고
쇼핑몰 설정에서 이미지를 바꾸려고 했는데
하도 안되서 웹페이지는 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개
채택된 답변
+20 포인트
2017-09-05 (화) 12:22:28
미디어 쿼리를 사용하는것도 방법의 하나인것 같습니다.
Copy
<!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>
답변을 작성하려면 로그인이 필요합니다.