Orbit Fox Post Type Grid

Hi @gridmaker!

I checked the page you provided, but the posts grid seems to be displayed as expected – screenshot.

Thank you!

Hi,
The widget is not obeying grid settings for columns and rows for the mobile version. So we were forced to hide it. If you could check the mobile version, you would know. Please check and provide a solution at the earliest.

Hi @gridmaker!

I can’t replicate this issue on my test instance and that widget is hidden on your site in mobile view, as you mentioned, so I can’t take a look at the issue. If you could display the widget in mobile view as well, I could take a closer look at the problem.

Thank you!

Thank you for responding. We have deactivated the “Hide on Mobile” setting so that you could take a look. You will see that it follows a 6 items x 2 columns setting for mobile. But in reality, our chosen setting was 6 items x 1 column.
The Post Type Grid basically ignores our setting preferences for the mobile version and all the alignment goes haywire.
But the tablet (6 items x 2 columns) setting and desktop (6 items x 3 columns) setting work just fine.
Sometimes the mobile version does give the impression that it is working. But on refreshing the page, the setting reverts to 6 item x 2 columns.
Kindly take a look and give us your valuable feedback.

Hi @luciamarinescu,
Repeating my response since you may not have seen it.

Thank you for responding. We have deactivated the “Hide on Mobile” setting so that you could take a look. You will see that it follows a 6 items x 2 columns setting for mobile. But in reality, our chosen setting was 6 items x 1 column.
The Post Type Grid basically ignores our setting preferences for the mobile version and all the alignment goes haywire.
But the tablet (6 items x 2 columns) setting and desktop (6 items x 3 columns) setting work just fine.
Sometimes the mobile version does give the impression that it is working. But on refreshing the page, the setting reverts to 6 item x 2 columns.
Kindly take a look and give us your valuable feedback.

Hi @gridmaker,

Thanks for making the grid visible on mobile!

Indeed the posts are displayed on two columns instead of one. Please add the code below in the Additional CSS section within the Customizer to display the posts on a single column.

@media(max-width: 768px) {
.obfx-grid-wrapper {
width: 100% !important;
}
}

Have a nice day!

Hi @luciamarinescu,
Thank you for the CSS code. When we checked, the customizer section is asking for Elementor Pro license. Is there a workaround?

Hi @gridmaker!

The Additional CSS section within the Customizer has nothing to do with Elementor. It comes from the WordPress core and it appears in the Customizer with any theme, with and without Elementor – screenshot. Thus, there is no way for an Elementor Pro license to be needed to access the Additional CSS tab. If you still encounter the issue, please provide us a screenshot where it can be seen.

Have a nice day!