mobile view of site header: search icon is covered by hamburger menu icon

[rriemann]

With the latest version of the site header the search icon is covered by the hamburger menu. Thus, the search cannot be accessed.

You can see it here with a narrow window: https://ecl-webcomponents.netlify.app/?path=/story/components-site-wide-site-header--site-header-harmonised the

Thanks for the webcomponents. They are great!

[rriemann]

I have meanwhile migrated my website at https://code.europa.eu/simpl/pso/dg-test/ssg-website/ that you can see at https://ssg-website-ad5a79.pages.code.europa.eu/ to use ecl-webcomponents.

When I started using more ecl-components, the problem went away. So I believe that the CSS is not scoped effectively and that maybe some CSS rule or so is missing in the file for the site header/mega menu.

Note that I use here already my own built at https://github.com/rriemann/ecl-webcomponents/tree/fix-exports and I had to explicitly add sass-embedded to the devDependencies to get it built. Not sure if those can make the difference.