Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 11.10.2018, 15:32   #1
nikytt
Форумчанин
 
Аватар для nikytt
 
Регистрация: 15.08.2015
Сообщений: 173
По умолчанию почему не убирается 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, 18:30   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

ЯННП что тебе надо. Тыкни пальчиком, что тебе нужно там поправить, а то там все примерно одинаково плохо.
Alar, верни репу!

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


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


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