Сайт не растягивается на весь экран

[SvetaSweta]

Здравствуйте, подскажите пожалуйста. Сайт не растягивается на весь экран. Вот эти поля остаются пустыми на больших экранах. Сайт https://kvartira.cn.ua/ Подскажите пожалуйста, что можно сделать, чтобы на любом экране сайт адаптировался под размер?

[S1mple]

39 минут назад, SvetaSweta сказал:

Здравствуйте, подскажите пожалуйста. Сайт не растягивается на весь экран. Вот эти поля остаются пустыми на больших экранах. Сайт https://kvartira.cn.ua/ Подскажите пожалуйста, что можно сделать, чтобы на любом экране сайт адаптировался под размер?

 

Задать для контейнера: container: width: 100%;, в файле stylesheet.css

[Venter]

43 минуты назад, SvetaSweta сказал:

Здравствуйте, подскажите пожалуйста. Сайт не растягивается на весь экран. Вот эти поля остаются пустыми на больших экранах. Сайт https://kvartira.cn.ua/ Подскажите пожалуйста, что можно сделать, чтобы на любом экране сайт адаптировался под размер?

Зачем растягивать и так отлично смотрится сайт. На моб версии будет нормально смотреться.

Если так уж хочется растянуть то вместо class="container" поставить  class="container-fluid"  

на скринах моб версия вашего сайта

[Venter]

у блоков разная высота в итоге криво

[SvetaSweta]

31 минуту назад, Venter сказал:

Зачем растягивать и так отлично смотрится сайт. На моб версии будет нормально смотреться.

Если так уж хочется растянуть то вместо class="container" поставить  class="container-fluid"  

на скринах моб версия вашего сайта

на больших экранах смотрится не очень

[SvetaSweta]

56 минут назад, S1mple сказал:

 

Задать для контейнера: container: width: 100%;, в файле stylesheet.css

не сработало почему-то 

[SvetaSweta]

51 минуту назад, Venter сказал:

Зачем растягивать и так отлично смотрится сайт. На моб версии будет нормально смотреться.

Если так уж хочется растянуть то вместо class="container" поставить  class="container-fluid"  

на скринах моб версия вашего сайта

извините, за глупые вопросы, а в каком файле эти изменения сделать?

[Sviridov]

6 минут назад, SvetaSweta сказал:

извините, за глупые вопросы, а в каком файле эти изменения сделать?

в основном стиле вашего шаблона

[Venter]

23 минуты назад, SvetaSweta сказал:

не сработало почему-то 

кеш браузера и кеш в админке обновить

[SvetaSweta]

6 минут назад, Venter сказал:

кеш браузера и кеш в админке обновить

всё равно не сработало( точку с запятой в конце, если что я поставила, её на скрине просто нет

Змінено 27 січня 2021 користувачем SvetaSweta

[S1mple]

Наймите специалиста, пусть сделает Вам нормальный базовый интернет-магазин, а это дэфолная шляпа с кучей багов.

Змінено 27 січня 2021 користувачем S1mple

[Venter]

58 минут назад, SvetaSweta сказал:

всё равно не сработало( точку с запятой в конце, если что я поставила, её на скрине просто нет

вот так

.container {
    width: 100%;
}

куда вы вставляете код, в какой файл??

 

В шаблон header вставьте после или перед </head>

<style>
.container {
    width: 100%;
}
</style>

 

[SvetaSweta]

1 час назад, Venter сказал:

вот так

.container {
    width: 100%;
}

куда вы вставляете код, в какой файл??

 

В шаблон header вставьте после или перед </head>

<style>
.container {
    width: 100%;
}
</style>

 

большое спасибо, получилось, я не вставляла ничего в шаблон header, поэтому не работало

Змінено 27 січня 2021 користувачем SvetaSweta

[Venter]

6 минут назад, SvetaSweta сказал:

большое спасибо, получилось, я не вставляла ничего в шаблон header, поэтому не работало

Если вы вставляете код в файл стилей темы, то нужно именно в стили той темы которая у вас установлена ставить если тем две и более и потом удалить кеш браузера

[Zetx]

а нужно ли?
кто вам такое посоветовал?

[SvetaSweta]

50 минут назад, Zetx сказал:

а нужно ли?
кто вам такое посоветовал?

а что в этом плохого? красивее смотрится на больших экранах

[Tom]

13 минут назад, SvetaSweta сказал:

а что в этом плохого? красивее смотрится на больших экранах

Никогда не делайте ничего для себя лично и тем более, для того что бы оно красиво было на вашем мониторе.

[SvetaSweta]

так может скажет кто то что не так в том, что сайт растянут на весь экран? 

[SvetaSweta]

8 минут назад, Tom сказал:

Никогда не делайте ничего для себя лично и тем более, для того что бы оно красиво было на вашем мониторе.

я возможно чего-то не понимаю, подскажите что не так с этой идеей?

[Venter]

17 минут назад, SvetaSweta сказал:

я возможно чего-то не понимаю, подскажите что не так с этой идеей?

потому что изначально сайт выглядел нормально.

[Tom]

6 часов назад, Venter сказал:

вот так

.container {
    width: 100%;
}

куда вы вставляете код, в какой файл??

 

В шаблон header вставьте после или перед </head>

<style>
.container {
    width: 100%;
}
</style>

 

По хорошему не нужно ко всем размерам применять эту ширину. Думаю более верно использовать медиа запросы с минимальной шириной, при которой сработает это правило.

Что то типа

@media (min-width: 1300px) {.container {width: 100%;}#main_content {width:100%;max-width: 100%;);}

Сейчас у меня с двух разных ноутов у ТС, в самом низу магазина вылез скролл, которым можно таскать сайт вправо влево.

http://joxi.ru/RmzQ5jbHMQJvPr

 

[SvetaSweta]

В 28.01.2021 в 01:22, Tom сказал:

По хорошему не нужно ко всем размерам применять эту ширину. Думаю более верно использовать медиа запросы с минимальной шириной, при которой сработает это правило.

Что то типа

@media (min-width: 1300px) {.container {width: 100%;}#main_content {width:100%;max-width: 100%;);}

Сейчас у меня с двух разных ноутов у ТС, в самом низу магазина вылез скролл, которым можно таскать сайт вправо влево.

http://joxi.ru/RmzQ5jbHMQJvPr

 

это перед /head надо поставить ?

@media (min-width: 1300px) {.container {width: 100%;}#main_content {width:100%;max-width: 100%;);}

вместо этого?

<style>
.container {
    width: 100%;
}
</style>

Змінено 29 січня 2021 користувачем SvetaSweta

[Tom]

Это нужно было вписать в ваш файл стилей.

/catalog/view/theme/default/stylesheet/stylesheet.css

[Golubenko]

В 27.01.2021 в 22:07, SvetaSweta сказав:

а что в этом плохого? красивее смотрится на больших экранах

 

Красивее смотрится это очень правильно и я считаю даже необходимо, но. При просмотре сайта размер фото остается неизменным, увеличиваются только расстояния между ними. Что уже не есть красиво. Тот же шрифт мелкий в огромном блоке фильтра.

 

Если смотреть сайт на мониторе с высоким разрешением, то и компоновка и отображение всех элементов должно соответствовать выбранному разрешению. 

[SvetaSweta]

а может посоветуете шаблон нормальный без глюков и багов? пожалуйста))