How to set the maximum width of the site?

leon55

Hello.

Another question from a beginner about purity 3.

I want to set the maximum width of the site for the desktop, for example, 1100px.
I find, how to do it. In the template parameters
General -> Responsive := OFF
-> Non-Responsive Width

But I will not, the Responsive option to lose.

I examined the files
\t3-assets\dev\templates.purity_iii.less.template.less.css,
\t3-assets\dev\templates.purity_iii.les.layout.blog.less.css
and
\templates\purity_iii\css\themes\red\template.css.
Only in the latter there was a suspicious place
@media (max-width: 1450px) {
.t3-sidebar.t3-sidebar-2 .dropdown-submenu.parent.open > .dropdown-menu,
.t3-sidebar.t3-sidebar-right .dropdown-submenu.parent.open > .dropdown-menu {
left: auto;
right: 100%;
}

But changing max-width: didn't help

Is it possible to limit the maximum width of the site in Responsive mode, please?

saguaros

The files in t3-assets folder is temporary files only, don't edit there.

You can edit the LESS file: /templates/purity_iii/less/variables.less

Look for this code:


// Container sizes
// --------------------------------------------------

// Small screen / tablet
@container-tablet:             ((720px + @grid-gutter-width));
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            ((940px + @grid-gutter-width));
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      ((1140px + @grid-gutter-width));
@container-lg:                 @container-large-desktop;

and change the container size as you wish.

Then compile less to css: https://www.t3-framework.org/documentation/bs3-configuration#compile-less