Overflow-x: scroll not working on Wordpress site?

HTML & CSS
1

So I made a static site, and on one div i am using white-space: nowrap and overflow-x: scroll , and it works perfect.
Now it is implemented in wordpress, with no changes to either the html or the css, but now it is not working? I can’t scroll no more…

Anyone have any ideas what this might be about? I have no clue.

the html in the static website looks something like this:

<div class="table-wrapper">
content
</div>

and in the WP template:

<div class="table-wrapper">
<?php ............... ?>
</div>
2

HI,

Without an example to look at we won’t be much help I’m afraid. You probably have some conflicting or over-riding rules in the mix that are stopping it from working.

Try adding !important to your rules to see if its a specificity issue and then if so work out what specificity it should be so that you don’t need the !important any more.

It could also be that the display of the element has been changed along the way, or perhaps the width restriction removed or one of many other things that we would need to look at the real example to diagnose.

3

The the element being constrained by a parent element? Or is it being overriden by a parent element?