Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Demo9 aside, change the window size twice. The menu can't be centered vertically


Demo9 aside, change the window size twice. The menu can't be centered vertically


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (18)


Hi,

Can you please try to restart your browser and reset its cache and retry?
As per our checking it works fine:

If the issue persists please provide us more info: your browser version, OS version, and screenshots of your browser console to check if there is any js error.

Regards.



windows11
edge 99
I cannot upload pictures because they are not allowed to be uploaded. Please provide me with an email.



Can you use https://imgur.com/ ?



Sorry, I can't use it



As per our testing from the preview site it works fine on Edge:



链接: https://pan.baidu.com/s/1LjNYBKnWxJv3FAM8JbbhRg?pwd=e583 提取码: e583 复制这段内容后打开百度网盘手机App,操作更方便哦



Hi,

Can you check if you are using the latest version of Edge? Also please try to clear the browser cache and retry.

This is our test on Windows 11 + Latest Edge 99.0.1150.30
https://i.imgur.com/N3FDeuu.png

Regard.



This problem occurs when the browser window is maximized and restored multiple times

I'm pretty sure about the browser version number, and that happens with Firefox as well. Sometimes Scroll is a problem, so you can look at the picture closely

链接: https://pan.baidu.com/s/17LHqzDq0DGdY7UxuGHdEtg?pwd=rbi4 提取码: rbi4

链接: https://pan.baidu.com/s/1VsWw7GRqAAf2mtGhojvJWw?pwd=hvgk 提取码: hvgk

链接: https://pan.baidu.com/s/1QV7pnnQpjmG3UK7_wMSltw?pwd=awrn 提取码: awrn



In NWJS, the error message "SmoothScroll is not defined" is displayed, so it is related to the scroll loading

链接: https://pan.baidu.com/s/1ppb2wXctnn1pKBw5ODxTWw?pwd=2wfd 提取码: 2wfd



Hi,

Please note that integration Metronic with other 3-rd party frameworks such as NWJS requires additional afford following the framework specifies and requirements.

We have a general guide for using our core components by initializing them on demand.

Regards.



Hi,

Its strange, we tested this with Mac/Window 11 Firefox/Chrome/Edge and could not reproduce the issue.
Hence we have no such bug reports from others.

Can you please make a video that can be watched from a remote URL?

Regards,
Sean



This is not vertically centered
链接: https://pan.baidu.com/s/1iyUSltcC3xzHWehwB1vSkQ?pwd=ypqx 提取码: ypqx



This is a case of scrolling up and down after maximizing and restoring the window multiple times

链接: https://pan.baidu.com/s/16e0px-e1Qr2zrl0_VWo1eQ?pwd=3v3t 提取码: 3v3t



Hi,

Thanks for the clarification, we will check it further and try to fix it.
Can you please confirm that you can reproduce the same issue on Window 11 Firefox and Chrome ? Do you use click or key press to enlarge and reset window ?

Regards.



I'm pretty sure, because it's been bothering me for a long time.
And in NWJS you also get an error message that says "SmoothScroll is not defined",
You can check out the pictures above, thank you very much!



Hi,

May I know how are you using it with NWJS ? Is it a javascript framework or browser environment?

Metronic does not support all frameworks out of the box. Each framework integration requires time and expertise. For example, Angular, React, Vue versions of Metronic were developed in months. At the moment we only support major frameworks.

Regards.



NWJS is a browser + Node framework
If there is no special code, it is the same as using the browser directly
NWJS also integrates with chrome99's browser
https://nwjs.io/, you can have a look



Hi,

The smooth scroll plugin is documented here and by right it should work with all major browsers.

Our tempaltes were tested on all major browsers but NWJS is not a major browser. Here we refer to the Bootstrap browser compatibility requirements.

Can you please check the original plugin demos on NWJS if it supported ?

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(