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

Flask Installation - Menu has Transparent background


Hi,
I finished install the theme on flask but I noticed that the menu has transparent background and when I scroll down the menu items text go on top of other text.
How can I fix this? thank you


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


Thank you for your interest in Metronic, and I appreciate your feedback.

I apologize for the issue you've encountered with the transparent menu background and overlapping text when scrolling. We are aware of this issue, and our development team is actively working on a solution. This issue is related to the style SCSS.

We appreciate your patience and understanding as we work to improve the theme. If you have any further questions or encounter any other issues, please don't hesitate to reach out.



thanks for the reply. How long should I wait before you fix this issue? You said you are aware of it. Since when?
I need to understand the timing so I find solutions.

thanks



The fix for the issue will be included in the next update, which is Metronic version 8.2.1. This update is coming soon, and we're actively working on it. In the meantime, if you'd like to apply a workaround, you can manually implement the fix by adding the following code:


KTTheme.addHtmlAttribute("body", "data-kt-app-header-minimize", "on")


You can add this code to the file located at `/starterkit/_templates/layout/_bootstrap/default.py` in function def initDarkSidebarLayout

If you have any further questions or need assistance, please feel free to reach out.

Thanks



Hi,
you said that this would be fixed with the 8.2.1 version but we are at the 8.2.2 and still this is broken...



Hi Danilo Vaccalluzzo,

I apologize for the oversight. We've now added the fix to the code. You can use the workaround mentioned above:


KTTheme.addHtmlAttribute("body", "data-kt-app-header-minimize", "on")


You can add this line in the file `/flask/starterkit/_templates/layout/_bootstrap/default.py`, as shown in the image below:



Let me know if you need further assistance.


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