The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Responsive table scrollbar overlaps fixed header

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #293915

    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:

    Please let there be a solution for this.


    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.


    Thanks, Lookgood

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.