Фиксированное позиционирование элементов на Shopify

Question

Моя проблема здесь: https://paper-boy-posse-2.myshopify.com/

Я попробовал и попробовал еще раз, но не в состоянии сделать свой шатер (оранжевый и серый баннер, который является неподвижным элементом) центрированный или отзывчивый. Как вы можете видеть, когда вы уменьшаете размер экрана, он больше не покрывает верхнюю часть карусели и вместо этого сдвигается вправо. Когда это обычный размер экрана, он даже не центрирован.

Так что мой вопрос. Как я могу сделать этот фиксированный элемент: - Центрированный - Отзывчивый (поэтому он остается закрывающим верхнюю часть карусели)

Мой код ниже.

<!-- Begin right navigation --> 
    {% if settings.navigation_alignment == "right" %} 
    <div class="row" id="header"> 
    <div class="span12 border-bottom"> 
     <div class="span12" style="margin-top:50px;"> 
      <div class="logo"> 
       <img src="http://img69.imageshack.us/img69/4620/gcl6.png"/> 
      </div> 
     </div> 
    </div> 
    </div> 


    {% endif %} 
    <!-- End right navigation --> 

Answer 1

Если вы хотите изменить положение баннера и изменить его размер, чтобы покрыть карусель, используйте медиа-запросы.

@media screen and (max-width: 600px) { 



} 

и между ними необходимо изменить изображение по мере необходимости, прочитать медиа-запросы, чтобы лучше понять!