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

Custom Menu - Metronic Demo 20


Hi, can you help me, how do I create a custom menu in metronic_html_v8.1.6_demo20 - html

We know that in there have two elements Header Navs and Header Top,
can we hide Header Nav, meaning Header Top it will be a menu not a tab?

we have try it, but the style of the Header Top untidy,

Thank you in advance!


P
Pringgo Setiko 2 years ago
Laravel HTML
3 Answers
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 (3)

user
Faizal Author2 years ago

Hi

Please use the layout builder here:

https://preview.keenthemes.com/metronic8/demo20/layout-builder.html

Set the Header > Extended Header to disable.
Click the Preview, then click Export. You will get the layout partial files. Then you can apply the header to your application layout.

Thanks


user
Faizal Author2 years ago

Hi Pringgo Setiko,

Do you mean you want to remove this part of the menu?
<img src="https://i.ibb.co/Sxg6B7K/image.png" alt="image" border="0">

Thanks


P
Pringgo Setiko 2 years ago

No i mean this one, can i remove or hide this part?

<img src="https://i.ibb.co/C5d7t76/Screenshot-4.png" width="800px">

i have tried, but the Header on Top like untidy,
do you have suggestiion?

<img src="https://i.ibb.co/n6m6ghL/Screenshot-1.png" width="800px">


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