Перейти к содержимому


Фото
- - - - -

Не влезает слайдер в мобильной версии

luxury

  • Чтобы отвечать, сперва войдите на форум
7 ответов в теме

#1 Александр77

Александр77
  • Пользователь
  • 6 сообщений
  • Пользователь
  • Откуда:Vjcrdf

Опубликовано 12.02.2019 - 17:39

Всем привет!Парни,сразу скажу,что в этой теме я полный 0,достался шаблон Luxury и все там сейчас настраиваю.Никогда этим раньше не занимался и вообще ничего не понимаю.В общем не влезает слайдер в мобильной версии,обрезает его.Заранее прошу меня извинить,по возможности разжевать как поменять и где.Огромное всем спасибо за внимание!

 



#2 MStyle28

MStyle28
  • Фрилансер
  • 191 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Одесса

Опубликовано 12.02.2019 - 19:02

Предоставьте ссылку на сайт



#3 Александр77

Александр77
  • Пользователь
  • 6 сообщений
  • Пользователь
  • Откуда:Vjcrdf

Опубликовано 12.02.2019 - 19:11

Предоставьте ссылку на сайт

http://apple-lite.ru



#4 MStyle28

MStyle28
  • Фрилансер
  • 191 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Одесса

Опубликовано 12.02.2019 - 19:38

Найдите в template.css

@media (max-width: 480px) {
    #slider ul li span {
        height: 220px;
    }
}

И добавьте стили чтобы получилось:

@media (max-width: 480px)
    #slider ul li span {
        height: 220px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

Еще можно поиграть с высотой - height:220px; Чтобы не было пустого пространства сверху и внизу.

P.S. Самый кривой шаблон в плане верстки на Simpla с которым доводилось работать.



#5 Александр77

Александр77
  • Пользователь
  • 6 сообщений
  • Пользователь
  • Откуда:Vjcrdf

Опубликовано 12.02.2019 - 21:10

Найдите в template.css

@media (max-width: 480px) {
    #slider ul li span {
        height: 220px;
    }
}

И добавьте стили чтобы получилось:

@media (max-width: 480px)
    #slider ul li span {
        height: 220px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

Еще можно поиграть с высотой - height:220px; Чтобы не было пустого пространства сверху и внизу.

P.S. Самый кривой шаблон в плане верстки на Simpla с которым доводилось работать.

Нашел только 

@media all and (max-width: 1600px) {
    #slider ul li span{
        height: 650px;
    }
}
 
И еще вот 
@media all and (max-width: 700px) {
 
    #slider ul li span{
        height: 200px;
  
    }
 
Пытался их изменить,но ничего не меняется.2 раза пролистал внимательно.


#6 MStyle28

MStyle28
  • Фрилансер
  • 191 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Одесса

Опубликовано 12.02.2019 - 21:49

Cтрока 6719



#7 Александр77

Александр77
  • Пользователь
  • 6 сообщений
  • Пользователь
  • Откуда:Vjcrdf

Опубликовано 12.02.2019 - 22:46


Cтрока 6719


Спасибо огромное!Даже такому «дубовому» человеку объяснили!Все получилось,огромное спасибо!!!

#8 MStyle28

MStyle28
  • Фрилансер
  • 191 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Одесса

Опубликовано 12.02.2019 - 23:19

Пожалуйста :)







Также с меткой «luxury»

0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых