Responsive table scrollbar overlaps fixed header

[numinho]

Hi there,

I’m having a problem in which I hope some of you know the solution.

I’m making a website responsive en for mobile the header will go to the bottom of the screen. So far no problems.
On some of the pages they use tables, which get a horizontal scrollbar on mobile (bootstrap 4 – responsive tables).
When is scroll down the scrollbar of the tables is overlapping my fixed header.

Is there somehow a solution for this problem? When I check the bootstrap 4 website en check some dashboard themes they made themselves, they have the same problem. (example: https://prium.github.io/falcon/v1.8.0/)

Please let there be a solution for this.

[numinho]

found it:

z-index: 1; on the table wrapper….

have been looking at it all wrong… wasn’t thinking from the table, but from the fixed header. of course this works.

[unikey]

Thanks, Lookgood

[Author]

Posts