Hey, THANKS AGAIN, but the nike a jordan had 5 colomuns and other tables had only 4, so the others didnt look good, so i make the nike a jordan only 4 column. Can you please take a last look a try to fix? Also if its possible that the heading and subtitle is not centred. If its posibble i would like to be the same way as it is on desktop verison. Thanks again, you are really helping me !
Topic summary
A user seeks help making a shoe sizing chart table more readable in a popup on mobile devices. The desktop version displays correctly, but the mobile layout is poorly arranged.
Multiple solutions offered:
- Several developers provide CSS code snippets to be added to theme.liquid or base.css files
- Code targets responsive table styling with max-width, display properties, and text alignment adjustments
- Solutions use media queries to specifically address mobile viewport widths (typically max-width: 767px-949px)
Iterative refinements:
- Initial solution works but user requests EU column repositioned to the left with more spacing between columns
- Further adjustment needed because Nike/Jordan tables have 5 columns while others have 4, causing inconsistent appearance
- User standardizes all tables to 4 columns and requests heading/subtitle alignment match desktop version
Resolution:
Final code solution from BSSCommerce-B2B successfully addresses all requirements. User confirms the fix works perfectly for both desktop and mobile versions.
