Поддержка Проблемы и решения Как сделать чтобы картинка и слога в шапке изменялись

  • Доброго времени суток! Подскажите как мне сделать, чтобы шапка одинаково отображалась на всех экранах. Собственно проблема не в самой шапке, а в элементах, размещенных на ней. Картинка и слога при просмотре с меньшего экрана обрезаются, мне нужно сделать так, чтобы отображалось так же как на широком экране. Шапка у меня задана через стиль

    .art-header
    {
       margin:0 auto;
       background-repeat: no-repeat;
       height: 180px;
       width:100%;
       position:relative;
       background-image: url('images/header.jpg');
       background-position: center top;
    }
    
    .art-header-inner{
       position: absolute;
       min-width:700px;
       max-width: 1100px;
       width:100%;
       z-index: auto !important;
       margin: 0 auto;
       background-size: 100%;
    }

    Картинка, как я понял регулируется через этот стиль

    .art-shapes
    {
       position: absolute;
       top: 0px;
       right: 0px;
       bottom: 5px;
       left: 0%;
       overflow: hidden;
       z-index: 0;
    }

    Текст и слоган вроде как через эти

    .art-headline
    {
      display: inline-block;
      position: absolute;
      min-width: 50px;
      top: 51px;
      left: 0%;
      margin-left: -119px !important;
      line-height: 100%;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      z-index: 101;
    }
    .art-slogan {
        display: inline-block;
        position: absolute;
        min-width: 50px;
        top: 99px;
        left: 0%;
        line-height: 100%;
        margin-left: -72px !important;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        z-index: 102;
        white-space: nowrap;

    сайт investgl.ru

  • Тема «Как сделать чтобы картинка и слога в шапке изменялись» закрыта для новых ответов.