Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

the scroll in the menu is moving


Hello, I recently bought the metronic theme and after installing the theme, the slider in the left menu is constantly moving and it is not available in old versions, how can I fix it?


<img src="


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 (4)


It's possible that a specific setting in the Metronic theme is causing the unwanted movement. I can help you navigate the settings melon playground and locate the culprit.



Hello Sean,

<img src="

Chrome Version: 114.0.5735.199
Os: W11 Windows Feature Experience Pack 1000.23486.1000.0
Metronic Product Version: 8.1.8 Latest 25 Mar 2023



Hi,

Thank you for the info. This issue was caused by the recent Chrome update due to overflow: overlay CSS attribute is no longer supported by Webkit. We have a fix for this change and we will ship it with the Metronic v8.1.9 update in a few days along with Bootstrap 5.3.0 stable update, new features, over 15 3rd plugin updates, and improvements as well.

Regards.



Hi,

We have checked it and it seems everything working fine on our end.

May I know which Metronic version are you using? What is your OS/Browser version?
Can you see the same issue when you use our online preview here?

Regards.


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  :(