Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

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


Thanks with regard to publishing this type of excellent post! I discovered your site ideal for my personal requirements. It has fantastic as well as useful articles. Continue the great function!promo code for 1xbet pakistan



That is thus gorgeous and also imaginative. I recently really like the particular shades and also anyone who receives that inside the email will probably be beaming.Ottawa Tires



This is only the internet My organization is choosing all around you. Kudos in your webpage, We add your email your blog. This may be a fine webpage. .https://crispme.com/short-term-rental-excellence-creating-lasting-impressions-and-maximizing-revenue/



I wanted to thank you for this excellent read!! I definitely loved every little bit of it. I have you bookmarked your site to check out the new stuff you post.dj booking agency



The a truly great place That i experienced owing to publish it all. The chances of what precisely I want to observe pray during near future you can expect to keep going meant for posting an extremely good place.bulk bags



The a truly great place That i experienced owing to publish it all. The chances of what precisely I want to observe pray during near future you can expect to keep going meant for posting an extremely good place.bulk bags



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