Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Modify Navigation Submenu Laravel in Metronic 7


Hi,

Thank you for making an awesome templates. Is it possible to modify the dropdown navigation submenu in desktop version to be like the dropdown navigation submenu in mobile version? I want to modify it like the mobile version in Metronic 7.

I have tried to modify the navigation submenu in header-menu.js and I didn't get the result. The reason I want to modify it to be like the mobile version is because I have a lot of submenu navigation links in my project, and it penetrates my monitor screen when I use the navigation submenu desktop version. So, I decide to modify it to be like the navigation submenu mobile version. I'm really stuck at this point.

Here's my dropdown navigation submenu in desktop version
<img src="https://i.ibb.co.com/WgGDCfm/Screenshot-13-edited.png" />


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


I did benefit from browsing article content uploaded on this website. They're just notable and features numerous important material.Property management



Preserve the fantastic succeed, Document look at small number of reports using this ınternet site and additionally I presume the cyberspace web page is normally substantial unique there are found groups about terrific knowledge.pool covers



Hi Armadeas Wijaya,

Thank you for your feedback. You can try using the left aside menu instead of the topbar. The left aside menu is designed to handle nested menus for both desktop and mobile displays. I recommend checking out Demo 1, which features the left aside menu. This approach should resolve the issue with your navigation submenu.


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