Как изменить ширину контейнера в Cassiopeia? - Joomla 4.x: Шаблоны, разметка и макеты вывода

Шаблон растягивает сайт по всей ширине экрана, а как его можно сузить, сделать контейнер процентов на 70-80 от ширины дисплея на десктопе? искал через стили не нашел... в протостар без проблем находил..
Для основного контейнера прописал так...   не могу теперь найти как подтянуть шапку под этот размер, где сверху поставить 80% ширину?
@media (min-width: 768px) {
.site-grid {
     width: 80%;
    border: 2px double gray;
    margin: 10%;
    margin-top:1%;
    margin-bottom:1%;
}
 Спасибо.

А давайте сделаем посмотреть ! )
Вы можете показать ?

Вот я   тоже думаю .... как такое можно между нами --

Для основного контейнера прописал так...   не могу теперь найти как подтянуть шапку под этот размер, где сверху поставить 80% ширину?

Мой дорогой Человек  -- пока ты его не покажешь -- то все равно что в небо стрелять !
Прости !! - но это так !
Разрабатывая web application (веб приложение) Вы должны давать к нему доступ ... А иначе -- это игра в теннис (в сам себе я режиссер )  - Вы просто должны понять -- если Вы учитесь -- не стесняйся ! - вперед показуй !!
И нормальные  люди -- сразу помогут !
и -- кто то -- начнет тебя нагибать !
-- Маленький вопрос -- если бы все пинали тех кто не  знает -- когда бы те кто знает получили то время для того что бы идти  дальше ?
Если бы они только и занимались тем что бы пинали ??
))
Люблю МИР ! 

Все так же, как и для класса site-grid.
Смотрите структуру шаблона
А лучше используйте ObjectInspector в Вашем браузере, с ним проще разобраться какие блоки где выводятся и какие стили им заданы.

А давайте сделаем посмотреть ! )
Вы можете показать ?

https://www.zegeberg.ru/   сам сайт... в мобильной сейчас без проблем, а в десктопе шапка 100 под ней контейнер 80... если кривыми руками выравниваю на 80 тут, то в мобиле все перекашивается.
@media (min-width: 991.98px)
.container-header {
    width: 80%;
    margin: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
}    не хоет работать как надо.

header container-header full-width

в файле templates.css вообще не нашел header container-header full-width ((
site-grid я нашел и поставил на 80 для десктопа, а header container-header full-width и container-footer footer full-width найти не могу... тупо через поиск не находится(((

в файле templates.css вообще не нашел header container-header full-width ((
site-grid я нашел и поставил на 80 для десктопа, а header container-header full-width и container-footer footer full-width найти не могу... тупо через поиск не находится(((

"Все о Web-работе и счастье в сети."...

Ну почитайте же об инструментах разработки, о CSS, и о том, что ваши посетители будут видеть, раз пишите и тексты, и код, чтобы потом не ставить библиотеки, которые "весят" столько же, сколько вся CMS из "коробки".

https://piccy.info/view3/15135143/d13737a2f6d48e098a59117732d2ec88/

"Все о Web-работе и счастье в сети."...

Ну почитайте же об инструментах разработки, о CSS, и о том, что ваши посетители будут видеть, раз пишите и тексты, и код, чтобы потом не ставить библиотеки, которые "весят" столько же, сколько вся CMS из "коробки".

https://piccy.info/view3/15135143/d13737a2f6d48e098a59117732d2ec88/

  На дектопе сейчас стал на 100 как хотел.. остается на мобильных поставить полную шапку
@media (min-width: 800px) {
.container-header {
  width: 100%;}
}}     что-то у меня не хочет так работать ((