Problem:
I am having an issue with the grid settings in a view loop while using Toolset. I intended for three columns on desktop, two columns on tablet, and one column on mobile for my portfolio page. However, the tablet view is displaying three columns instead of two, affecting the layout.
Solution:
Adjust the responsive design breakpoints in Toolset. Go to Toolset > Settings > General and change the "Responsive web design breakpoints for Toolset Blocks" option to ensure the desired number of columns are displayed at various screen sizes.
Problem:
The user created two post forms for "For Sales" and "For Rent" and wanted guests to automatically select the current post they were viewing.
Solution:
The issue was resolved by setting a default value for the post element in the form. The user needed to add the [wpv-post-id] shortcode inside the default field of the post to have the item preselected.
To hide this preselected field from the visitors, CSS code was provided to make the select box invisible. The CSS selector is specific to the ID of the form. Here’s an example of the CSS code: