Problem:
Customer was having issues after building the site for the desktop and checking how it looked on mobile it didn't look responsive. Solution:
We oriented the customer about techniques that can be used to adapt the site for mobile devices:
- Responsive Adjustments: Toolset allows you to check how pages look on various devices and offers solutions for common responsive design issues, such as adjusting text sizes, column widths, and gaps between elements.
- Typography and Color Adjustments: You can control typography and color settings for different screen sizes within any Toolset block. This feature lets you optimize text for readability across devices.
- Grid Control: For layouts that use columns, Toolset’s Grid block lets you set different column sizes and control the spacing between columns and rows for each screen size.
- Element Visibility: Toolset also provides options to hide specific elements (like large images) on mobile devices to improve loading times and user experience. Relevant Documentation: https://toolset.com/course-lesson/creating-responsive-designs/