Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
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 3 years ago
Laravel HTML
3 Answers
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 (3)

user
Faizal Author 3 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 Author 3 years ago

Hi Pringgo Setiko,

Do you mean you want to remove this part of the menu?
<img src=" alt="image" border="0">

Thanks


P
Pringgo Setiko 3 years ago

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

<img src=" width="800px">

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

<img src=" width="800px">


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