Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Demo8 override container-xxl max width
Hello,
i want to ovveride the .container-xxl max width and make it as the demo1 full width of the screen
@media (min-width: 1400px)
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1320px;
}
where can i find this part in the saas files ?
Replies (1)
Hi,
Sorry for the late reply.
You can just change container-xxl with container-fluid to have a fluid container.
If you like to change the fixed container options width you can do it in
core/html/src/sass/components/_variables.scss
// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px,
xxl: 1320px
) !default;Then recompile your assets folder with Gulp or Webpack.
Please note that the build tools are required only in the development environment just to compile the assets when the source folder files are modified. In the hosting/server deployment, you will only need the compile assets, no need to install the build tools dependencies there.
Regards.
