One other thing I would like to be able to scroll down the table without the background moving. I’m using elementor so I’m sure should I ask them or you?
Thanks
Hello @alberta26;
We are checking your table and give you an update as soon as possible. For your other question, there should be an option in elementor for that effect, but if you can’t find it, you can add the CSS code below to get the desired effect.
.elementor-element-26fd0794 {
background-attachment: fixed;
}
Best regards.
Hello @alberta26;
In order to create a gap and add a text go into Settings > Manage Cells. From there select the row you want to add your row below and select Insert Row After at the end of the table. After this, a new row with the same amount of columns of your table will be created. Select the cells in that row one by one and click Merge to make them a big merged row. Now you can add a text to that row.
For mobile version, in order to rebuild your table to the right, go to responsive menu, enable responsive mode and click on tablet. There enable top row as header and select row for cell stack direction. This option selects how your table will be restacked at responsive views. But one problem is, since you want to merge a row, and break the natural flow of your table, your merged rows will not be parsed correctly. If you want to use the responsive mode, our advice will be stick to the flow of your table, and add a new column as info to your table instead of bottom row. In order to enable horizontal scrolling, you have to enable the scrolling capabilities of your parent node where your table resides, in your case it should be done from elementor. Here is the table we prepared in mobile: [test table](https://ibb.co/2yzhPdD)
Best regards.
