Metronic Theme - Asp.Net Core - Not Responsive

Dear Support Team,

I am writing to report an issue with the theme I recently purchased from your website. I noticed that the sidebar is not working as responsive as it should be.

Despite following the installation and customization instructions, the sidebar is not adapting to different screen sizes, which makes it difficult to navigate on smaller screens. This is a crucial feature for my website, and I need to ensure that it is working correctly.

I have tried troubleshooting the issue on my own, but unfortunately, I have not been able to find a solution. Therefore, I kindly request your assistance in resolving this issue as soon as possible.

I would appreciate it if you could provide me with some guidance or support to fix this issue. As the sidebar is an important component of my website, I would like to ensure that it is fully functional for all users.

Thank you for your time and attention to this matter. I look forward to hearing back from you soon.
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 (9)

Hi Aniruddh Patel,

Thank you for reaching out to us.

We checked the latest Metronic Asp.Net-Core version and the sidebar looks the same way as it is in our HTML version.

Do you have the same issue on our preview page?
https://preview.keenthemes.com/metronic8/demo1/index.html

Regards,
Lauris Stepanovs,
Keenthemes Support Team
Thank you for reply. No, I only had problems with Asp. StarterKit for Net Core.
Hi Aniruddh Patel,

The styles we are using in our Asp.Net-Core Starterkit are the same as in our HTML version.

Could you please specify your Metronic version?

Which browser you are using? And on which screen sizes issue appears?

If you have modified anything in our codebase please describe those changes.

Regards,
Lauris Stepanovs,
Keenthemes Support Team
I used version metronic 8.1.7 and I haven't any modified anything in Theme.
I use Chrome browser and for mobile responsive, used Chrome Device toolbar.
I found issue basically for mobile toggle toolbar. attached image

Hi Aniruddh Patel,

Could you please specify which building tools are you using Gulp or Webpack?

We were not able to reproduce this issue, can you try to rebuild assets using command gulp --demo1 or npm run build --demo1?

Regards,
Lauris Stepanovs,
Keenthemes Support Team
Dear Support Team,

I use VS2022 to run and build Project. and I haven't change anything in it. Just downloaded from Site and open-run in VS2022
Hi Aniruddh Patel,

I think your issue is related to the outdated wwwroot/assets folder, can you try to rebuild the assets folder using the instructions below?

1. Navigate your terminal to _keenthemes/tools
2. Run command npm install to install theme dependencies.
4. Build theme assets using command gulp --demo1.

Regards,
Lauris Stepanovs,
Keenthemes Support Team
Dear Support Team,

Thanks for quick response.

I follow your instruction and now It's working. I need one more guide that How to switch from demo1 to demo30.

I have tried: npm install and then gulp --demo30, but It's not changed whole design

Hi Aniruddh Patel,

Sorry for the delay in reply.

To generate styles for demo30 you need to run gulp --demo30 and to use demo 30 layout you need to change Name to Demo30 and LayoutDir to ~/Views/Layout/Demo30 in Starterkit/_keenthemes/config/themesettings.json.

Regards,
Lauris Stepanovs,
Keenthemes Support Team
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  :(

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle