#charts { width: 98%; margin-left: 0px; overflow-x: scroll; /* display: none; */ } .chartWrapper { position: relative; background-color: #DFCFBE; border-radius: 30px; padding: 10px; } .chartWrapper > canvas { position: absolute; left: 0; top: 0; pointer-events:none; } .chartAreaWrapper { overflow-x: scroll; position: relative; width: 100%; height: 400px; } .chartAreaWrapper2 { position: relative; height: 300px; width: 3000px; } @media only screen and (max-width: 1100px) { #charts { width: 95%; } }