• Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Модератор форума: -SAM-  
Как описание в меню оставить ниже
Kosten
Суббота, 26 Ноября 2016, 17:51 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Приветствую, меню на этом сайте и его нижнее описание, когда с мобильного смотришь, то оно выстраивается к названию, можно сделать, чтоб оно оставалась на своем месте.

Можно посмотреть, когда сдвигаешь браузер и вообщем так получается.

Прикрепления: 7199373.png (55.2 Kb)
Страна: (RU)
ДимДимыч
Суббота, 26 Ноября 2016, 17:54 | Сообщение 2
Оффлайн
Vip
Сообщений:127
Награды: 7


У меня всё ровно
Прикрепления: 8909465.jpg (48.9 Kb)
Страна: (RU)
Kosten
Суббота, 26 Ноября 2016, 19:01 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
ДимДимыч, наверно по другому сказать нужно, под мобильную адаптацию, вот если смотреть на планшете или просто сузить окно браузера, то вот как раз увидеть можно такую картину, как в первом посту.
Страна: (RU)
ДимДимыч
Суббота, 26 Ноября 2016, 19:10 | Сообщение 4
Оффлайн
Vip
Сообщений:127
Награды: 7
Kosten, Так я и сузил, и с телефона смотрел
Страна: (RU)
FeStemBer
Суббота, 26 Ноября 2016, 19:30 | Сообщение 5
Оффлайн
Проверенные
Сообщений:355
Награды: 1
Но браузера и с приложение посмотрел, да есть такая тема, а вот на вебмастер юкоз посмотрел, так вот как раз все нормально, посмотри как там сделано и у себя.
Страна: (RU)
Kolinkor
Суббота, 26 Ноября 2016, 19:39 | Сообщение 6
Оффлайн
Vip
Сообщений:306
Награды: 1
Точно, что то не замечал, но все ровно же понятно, что где находиться. А так наверно в стилях нужно делать, если ставить P то просядет еще ниже и не красиво будет.

Добавлено (26.11.2016, 19:39)
---------------------------------------------
ДимДимыч, вы просто сужайте браузер на сайте и как только контейнер пропадет и здесь смотрите.

Страна: (RU)
ДимДимыч
Суббота, 26 Ноября 2016, 19:45 | Сообщение 7
Оффлайн
Vip
Сообщений:127
Награды: 7
Цитата Brung ()
ДимДимыч, вы просто сужайте браузер на сайте и как только контейнер пропадет и здесь смотрите.


Brung, Вы думаете я первый день в интернете?
Страна: (RU)
ДимДимыч
Суббота, 26 Ноября 2016, 19:46 | Сообщение 8
Оффлайн
Vip
Сообщений:127
Награды: 7
Наверное зря я скрин делал раз не смотрят на него, там же видно что браузер суженый на всю.
Страна: (RU)
ДимДимыч
Суббота, 26 Ноября 2016, 19:48 | Сообщение 9
Оффлайн
Vip
Сообщений:127
Награды: 7
Прикрепления: 2811415.jpg (109.1 Kb)
Страна: (RU)
Kosten
Суббота, 26 Ноября 2016, 20:03 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Димон ты шире можешь сделать и все увидишь.
Страна: (RU)
Kosten
Суббота, 26 Ноября 2016, 20:07 | Сообщение 11
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Димон, вот так по ширине сделай, так как всякие мобильные устройства идут и у них ширина также разная.

Прикрепления: 0538866.jpg (165.1 Kb)
Страна: (RU)
tsakonter
Суббота, 26 Ноября 2016, 20:18 | Сообщение 12
Оффлайн
Пользователи
Сообщений:220
Награды: 0
Интересно, хоть бы пробел был, куда не шло.
Страна: (RU)
Angerfist
Суббота, 26 Ноября 2016, 21:12 | Сообщение 13
Оффлайн
Vip
Сообщений:767
Награды: 21
Kosten, могу предложить выход, я глянул стили этого меню и дополнение тебе нарисовал...
В стили я гляжу ты сам залезал и правил, жуть )))
Код
margin-left: -0px;
или
Код
border:0px;
и так далее, дальше смотреть не стал ))). Ну да лано...

У тебя в главной таблице вот тут:

Код

/*Menu navigator*/
.web_menu li{padding: 0px;margin-left: -0px;}
.web_menu li:hover{background: #b6d3ff; padding: 0px;border-radius: 6px;}
.web_menu a{border:0px;}
.web_menu *{transition:all linear .1s;-moz-transition:all linear .1s;-webkit-transition:all linear .1s;-o-transition:all linear .1s;}
.web_menu a{text-decoration:none}
.web_menu a:hover i{font-size:21px}
.web_menu .web_title{font-size:13px;font-weight:bold}
.web_desc{display: inline-block;font-size:11px;color: #848484;}
.web_menu i{margin-top:3px; margin-left:7px; margin-bottom: 3px;display:inline-block;float:left;color:#FFF;width:32px;text-align:center;line-height:32px;height:32px;margin-right:10px;-webkit-border-radius:6px;-moz-border-radius:6px; border-radius:6px; list-style:none;}
.web_id1{background:#48adf3}
.web_id2{background:#df473d}
.web_id3{background:#ef7e3b}
.web_id4{background:#3d5a9b}
.web_id5{background:#82d043}
.web_id6{background:#35c2ba}
.web_id7{background:#207716}
.web_id8{background:#33BFCC}
.web-alert_info{background:#F6FEFF;border-left:5px solid #A7E5FD;padding:12px;color:#636e7b; border: 1px solid #A9B7C1; border-radius: 5px;}
.web-alert_info .alert-icon{background:#63d3e9;}

.viewn_loop {margin-bottom: 7px;margin-top: -24px;}


Допиши медиа запрос в конце этих стилей.

Код

@media all and (min-width:320px) and (max-width:960px) {
.web_desc {padding-left: 5px;}
}


Вообщем делаем отступ в 5 пикселей для текста описания слева с момента складывания в 960 пикселей.
И гоним эти отступы до 320 пикселей, можно поставить меньше 240px, подгоняй сам от момента когда
все описания уйдут под название категорий.


No regrets

Сообщение отредактировал
Angerfist - Суббота, 26 Ноября 2016, 21:14
Страна: (RU)
Kosten
Суббота, 26 Ноября 2016, 21:18 | Сообщение 14
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Angerfist, спасибо, сейчас установлю
Страна: (RU)
Kosten
Суббота, 26 Ноября 2016, 21:21 | Сообщение 15
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Angerfist, не чего, все также осталось.
Страна: (RU)
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск: