Not responsive below 558px?

  • Resolved anon58

    (@anon58)


    9 years, 7 months ago

    I’m having trouble with the responsiveness of tables at various window sizes. For whatever reason, tables never seem to shrink to smaller than 558px. This happens in all tested browsers (Chrome, Firefox, Safari), and happens on both desktop and mobile versions. Changing the width while inspecting from width:558px to width:100% fixes the problem, but adding that style to the class in my css file does not. Anyone know how to fix this? Code excerpt below. My website is: https://www.disassembledrs.com/rank-sheet

    <table id=”igsv-2-[google sheet key]” class=”igsv-table dataTable no-footer dtr-inline collapsed” lang=”en-US” style=”width: 558px;” role=”grid” aria-describedby=”igsv-2-1k7foI9pYkbQhuhAS2dzELctp9muA8AQjdI1zGdMaoio_info”>

    • This topic was modified 9 years, 7 months ago by anon58.
Viewing 1 replies (of 1 total)
  • Plugin Author Meitar

    (@meitar)

    9 years, 6 months ago

    Changing the width while inspecting from width:558px to width:100% fixes the problem, but adding that style to the class in my css file does not.

    This is a dead giveaway that you have a cascading rule overriding your earlier CSS declaration. The browser is not interpreting your CSS code in the way you think it is. Take a closer look at your CSS (learn how to use the CSS debugging tools in your browser if you haven’t done this before) to track down the problem.

Viewing 1 replies (of 1 total)

The topic ‘Not responsive below 558px?’ is closed to new replies.