Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 11.10.2018, 16:32   #1
nikytt
Форумчанин
 
Аватар для nikytt
 
Регистрация: 15.08.2015
Сообщений: 171
Репутация: 48
По умолчанию почему не убирается margin-left второго сверху блока баннера в мобильной версии ниже 480 px?

два баннера вверху один внизу вот их весь css если что неправильно подправьте. спасибо!

сайт http://phpstack-189549-623335.cloudwaysapps.com/

Код:

/* 
  ============================banners Home========================
*/

@media (max-width: 1920px) {
    
   
    .col-xl-5.banner_home.left {
    margin-left: 0;
    }
    
  
   .main_image_banner_bottom {
    width: 100%;
    }
   
}



@media (max-width: 1502px) {
    
    .main_image_banner_left, main_image_banner_right {
    width: 100%;
     }
   
    .col-xl-5.banner_home {
    width: 49%;
   }
}


@media (max-width: 1300px) {
    
    .main_image_banner_bottom {
    padding-right: 0.25vw;
    }
    .col-xl-5.banner_home {
    width: 48.6%;
    }
}
@media (max-width: 1313px) {
   
    .col-xl-5.banner_home {
    width: 48.6%;
    }
}
@media (max-width: 1099px) {
    .main_image_banner_left img, main_image_banner_right img {
    width: 100%;
     }
     .banner_bottomx {
        margin-top: 0.3vw;
        max-width: 100%;
        padding-right: 0.48vw;
        display: inline-block;
    }
    .main_image_banner_bottom {
    padding-right: 0;
    }
}

@media (max-width: 730px) {
    .banner_bottomx {
       
       max-width: 99.4%;
       padding-right:0;
    }
    
    .col-xl-5.banner_home {
    
    }
  
}
@media (max-width: 627px) {
    /*.banner_home {
        margin-left: 0.6vw;
    }*/
    
}

@media (max-width: 618px) {
    
}
@media (max-width: 609px) {
    .col-xl-5.banner_home {
    width: 48%;
    }
}


 @media (max-width: 480px) {
     .col-xl-5.banner_home {
    display: block;
    float: none;
    width: 98.2%;
    
   }
   .col-xl-5.banner_home.right {
    margin-left: 0;
   }
   
 }

@media (max-width: 315px) {
    .banner_home {
   /* display: block;
    float: none;*/
    width: 96% !important;
    
   }
   .main_image_banner_bottom {
    
    padding-right: 1.9vw;
    
   }
   .banner_bottomx {
    margin-top: 0;
    
    }
   
}

.main_image_banners {
    
    margin-top: 25px;
}

.banner_bottom {
    margin-left: 10px;
    
    
}
.row.left_right_banner {
    margin-left: 10px;
}

.banner_bottomx {
    
    
    margin-top: 5px;
    
   
    display: inline-block;
    
}
.col-xl-5.banner_home {
    display: inline-block;
    float: left;
    
    min-height:100px;
}
 .col-xl-5.banner_home.right {
    margin-left: 16px;
   }

__________________
Москва форум- общение на любые темы!!
nikytt вне форума   Ответить с цитированием
Старый 11.10.2018, 19:30   #2
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,694
Репутация: 2127
По умолчанию

ЯННП что тебе надо. Тыкни пальчиком, что тебе нужно там поправить, а то там все примерно одинаково плохо.
__________________
Работаю. В этот раз за деньги.
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587

Последний раз редактировалось Naive; 11.10.2018 в 19:38.
Naive вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с навигацией в мобильной версии schibeki WordPress и другие CMS 1 27.03.2018 18:29
Не обновляется margin-left xlebosolniy HTML и CSS 0 26.01.2018 00:26
Не работает механизм в мобильной версии IvanAkimov WordPress и другие CMS 0 18.09.2017 18:27
Проблема с анимацией в мобильной версии Budun HTML и CSS 2 18.08.2017 17:24
margin-left, float: left segail HTML и CSS 1 01.02.2012 22:56


09:44.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru