app/template/default/Block/sale_banner.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% block stylesheet %}
  12. <style>
  13. .bannerContainer {
  14.     max-width: 840px;
  15.     padding: 0 20px;
  16.     margin: 0 auto 85px;
  17. }
  19. .bannerImg {
  20.     width: 100%
  21. }
  23. .bannerImg.mbImg {
  24.     margin-bottom: 30px;
  25. }
  27. .bannerContainer__list {
  28.     margin-top: 20px;
  29.     display: flex;
  30. }
  32. @media screen and (max-width: 768px) {
  33.     .bannerContainer {
  34.         margin: 0 auto 40px;
  35.     }
  37.     .bannerImg.mbImg {
  38.         margin-bottom: 10px;
  39.     }
  40. }
  42. </style>
  43. {% endblock %}
  44. <div class="ec-topBanner">
  45.     <div class="bannerContainer ">
  46.         <div class=""><a href="/news/2"><img src="/html/images/top/campaign/point-sale.png" alt="ポイントキャンペーン" class="bannerImg mbImg"></a>
  47.         </div>
  48.         <div class=""><a href="https://frontlines.jp/usces-member/"><img src="/html/images/top/campaign/shopping-history.png" alt="お買い物履歴はこちら" class="bannerImg mbImg"></a>
  49.         </div>
  50.      </div>
  51. </div>