The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

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=" />


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)

Deleted comment
Deleted comment

Whoa! This blog looks just like my old one! It’s on a totally different subject but it has pretty much the same layout and design. Outstanding choice of colors!ad&d 2nd edition


Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment
Deleted comment

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
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  :(
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.