Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Metronic -> header bar menu customisation


Hi ,

I just purchased the Metronic Template.

I am using laravel (bit new to Laravel, previously Java Developer)

I am able to modify the menu for sidebar , but unable to modify the Header menu bar menus.

i have tried to make changes to :

resources/views/layout/partials/header-layout

But changes dosen't seem to take any effect.


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)


For Metronic's header menu customization in Laravel, check the config/menu.php file or published vendor assets. Need mobile-friendly UI tips? See GB WhatsApp download for inspiration on compact menu designs.



Hey @faizal

I have tried to change the default layout sidebar to the header
I have followed the all steps you mentioned but I'm facing an error after the changes

InvalidArgumentException
View [partials.theme-mode._main] not found.
\resources\views\layout\partials\header-layout\header\_navbar.blade.php : 44


Hi,

To modify the Header menu bar menus in your project, please follow these steps:

  1. Open the file /starterkit/app/Core/Bootstrap/BootstrapDefault.php.
  2. Look for the line that contains $this->initDarkHeaderLayout();.
  3. Remove the comment from that line to enable the Dark Header Layout.

Next, proceed with the following steps:

  1. Open the file /starterkit/app/View/Components/DefaultLayout.php.
  2. Locate the line that sets the view path, which should look like this:
 return view(config('settings.KT_THEME_LAYOUT_DIR').'._default');
  1. Modify the view path to point to the _default_header_layout file. Update the line as follows:
 return view(config('settings.KT_THEME_LAYOUT_DIR').'. _default_header_layout');

By making these changes, you should be able to modify the Header menu bar menus. Please give it a try and see if it resolves the issue. If you have any further questions or need additional assistance, feel free to ask.

Thanks

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