Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.
Внимание! Некоторое время письма не доходят до аккаунтов MAIL RU GROUP, не доходят на все почтовые ящики mail.ru, inbox.ru, bk.ru. Пишите им жалобы, чтобы быстрее восстановили получение писем, регистрируйтесь через яндекс почту и gmail, туда письма с активизацией доходят.

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

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

Ответ
 
Опции темы
Старый 11.10.2018, 16:32   #1
nikytt
Форумчанин
 
Аватар для nikytt
 
Регистрация: 15.08.2015
Сообщений: 172
Репутация: 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,711
Репутация: 2205
По умолчанию

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


23:53.


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

RusProfile.ru


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