I'm trying to use Metronic Demo 60.
I don't want to use the responsive type because I don't support mobile.
Is there a way to fix it here so that I don't only use the reactive type?
Hi,
Yes, sure. You can just remove the name="viewport"
meta tag from your HTML pages
Regards.
Even if you clear the viewport line, reducing the size of the browser will change the layout inside.
What I want is to keep the layout unchanged even if the browser is reduced below a certain size.
I want scrolling if it goes below 1100px. I don't want the menu toggle to change.
What should I do?
Hi,
You can try to customize the bootstrap responsive settings in core/html/src/sass/components/_variables.scss
as shown below:
// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
// scss-docs-start grid-breakpoints
$grid-breakpoints: (
xs: 0,
sm: 7px,
md: 8px,
lg: 10px,
xl: 1200px,
xxl: 1400px
) !default;
// scss-docs-end grid-breakpoints
// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.
$container-max-widths: (
sm: 1137px,
md: 1138px,
lg: 1139px,
xl: 1140px,
xxl: 1320px
) !default;
That's a perfect answer.
Thank you so much!
It solved my itch perfectly.
Hi ,
Glad to help you out. If you need anything else please do let us know.
Regards.