Skip to content

Conversation

@jamesros161
Copy link
Collaborator

ISSUE: Resolves #604

Fix narrow tables on mobile

Test Files

post-and-page-builder-1.27.4-issue-604.zip

NOTES TO TESTER

Please leave comments regarding issues found in testing directly on the issue linked above, not the Pull Request. This helps ease the process of reviewing the testing of multiple PRs in a given project from the project view.

Please remember to move this item from 'Needs Review' to either 'In Progress' or 'Awaiting Release' depending on the results of your testing

Testing Instructions

  1. Install the test zip files linked above.
  2. Use Crio, open the Customizer and navigate to Design > Pages > Container and set to Full Width
  3. Create a page and add a fixed width section (just container class, not container-fluid)
  4. Add a table and toggle the setting for Responsive Table on tablet / phones. Ensure that the table is the only thing in the section.
  5. Preview the page and drag the screen in so it's phone view narrow
  6. Ensure that the table is taking up the full width of the container.
  7. Test on an iOS device as well, as this issue was originally by a change made to fix tables being too wide on iOS devices.

@jamesros161 jamesros161 merged commit 5b25e23 into master Dec 12, 2024
3 checks passed
@jamesros161 jamesros161 deleted the issue-604 branch December 12, 2024 15:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Tables on full width pages but in a fixed container are very narrow on mobile

3 participants