Hello,
I checked Air template sample at the following address on iphone X landscape mode. https://theme.seatheme.net/air/
The grid items on the index.html page have 3 columns in a horizontal row.
However, my index.html page only has one column in a horizontal row.
I have looked at the answers in this forum.
And I tried adding the following code, but I could not make it 3 columns.
style.css
@media (max-width: 767px) {
.responsive-ux .grid-item { width: 50%; }
}
custom.theme.js
GridWith = Math.floor(ListWidth / 2);
Please tell me get three columns on iphone X landscape mode as shown in your sample?
Sure. If you config the column as 3, it should be the same as the demo page. The custom CSS codes would not be necessary.
If it doesn’t work, could you please paste your website URL? thanks!
Unfortunately, my html code is 3 columns same as the template from the beginning.
When I added “viewport-fit=cover” to the <meta name=””>,
I was able to make it 3 columns on iPhone X landscape mode.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
.
WordPress Customization Service from 
