Home Forums Air HTML5 Template Please tell me get three columns on iphone X landscape mode.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #25253
    shot5505
    Participant
    Purchased
    Supported

    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?

    #25254
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    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!


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #25257
    shot5505
    Participant
    Purchased
    Supported

    Thanks for your reply.

    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.

    Template:
    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

    After customization:
    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover”>

    #25258
    SeaTheme
    Keymaster
    Purchased
    Expired

    Thanks for sharing!


    Regards!
    SeaTheme – FAQsTwitterFacebook

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!