MapViews are scrolling over my fixed header - HTML + ArcGIS API for JavaScript

Question

I am programming an HTML page and using the ArcGIS API for Javascript. My page has a fixed header (position: fixed;) and I have several MapViews on the page. As I scroll the page up the DIVs go under the header. The MapViews are scrolling over my fixed header. What should I do in order to have all MapViews scrolling under the page header as all other page elements? - It is for Covid emergency response

Thank you

BenElan · Answer

looks like a CSS issue. Can you provide your code?

AdrianaPaese · Answer

Hi Rickey

I dont have a link yet

The header is green (just to show you) and over it there are three MapViews. As I scroll the page up,

the three divs where the MapViews were placed scroll under the header please notice the black border but the MapViews are scrolling over it.

Would you please help me?

Thank you

RickeyFight · Answer

Adriana Paese Can you share the link?