Header background color
For Metronic 8.2.0, Demo 1 (HTML)
Is the Header container background color correct?
https://preview.keenthemes.com/metronic8/demo1/index.html
It should be white all the time?
The current behavior is:
It's transparent until you start scrolling the page, then, its white.
But, while transparent, the menu has a shadow. And it looks weird.
Is this intended?
Replies (6)
Hi,
The HTML version uses the latest Demo 1 style with comes with a slightly updated header. In the next update, we will update it for the React version as well.
Regards.
Ok, Demo1 HTML is the correct one. Got it.
But its correct?
It seems broken.
The header is transparent background and there is a shadow in the menu item.
Check image here:
Its weird.
Is this indended?
Hi,
Yes, it's intended. According to the updated design, the header's background color is transparent till it's scrolled.
Regards.
OK, transparent. Got it.
In that case, maybe it better to remove the shadow in the active item.
The shadow give the impression something is wrong with the design.
Thanks for replying, tho.
Hi,
Noted, we will discuss it with our design team.
If you need you can customize it on your end in src/sass/layout/header/_header.scss and remove box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03); from code line #115.
Then recompile your assets folder with Gulp or Webpack.
Please note that the build tools are required only in the development environment just to compile the assets when the source folder files are modified. In the hosting/server deployment, you will only need the compile assets, no need to install the build tools dependencies there.
Regards.
For example, in react demo, background is white
https://preview.keenthemes.com/metronic8/react/demo1/dashboard
