Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

i dont want responsive


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?


user
hellotak52 1 year ago
5 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

user
Sean Author 1 year ago

Hi,

Yes, sure. You can just remove the name="viewport" meta tag from your HTML pages

Regards.


user
hellotak52 1 year ago

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?


user
Sean Author 1 year ago

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;

And try to recompile it with Gulp.

Regards.

user
hellotak52 1 year ago

That's a perfect answer.

Thank you so much!

It solved my itch perfectly.


user
Sean Author 1 year ago

Hi happy,

Glad to help you out. If you need anything else please do let us know.

Regards.


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(