#77201 media querys of the new iphone 11 pro max

Landing Forums JupiterX WordPress Theme media querys of the new iphone 11 pro max

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • Luca Lentino

    Good evening, I have a problem with the media querys of the new iphone 11 pro max.

    I can’t find the correct media querys and even doing countless tests, my iphone makes me view (in this example) the various logos on my home page.

    I tried to recreate the responsive with 414×896 x3 resolution on my computer (via google chrome), but the result in landescape is not the correct one.

    I only have problems in landescape at the moment.

    Can you help me?

    Nodari Support Team

    Hey there

    Can you please provide Url of the affected page? and steps to replicate your problem?
    From what I understand you cant see logos on landscape mode of your iPhone 11 Pro Max? is this a problem?

    Thanks in advance

    Private
    Luca Lentino
    This reply has been marked as private.
    Luca Lentino

    some news?

    Private
    Nodari Support Team
    This reply has been marked as private.
    Luca Lentino

    Sorry but with my is different.

    Can you try with a real iPhone 11 Pro?

    Is different with a simulator.

     

     

    Luca Lentino

    Can you help me?

    Nodari Support Team

    Hello Luca

    Sorry for the delay, now I was able to replicate your problem, it happens only for Iphone 11 Pro Max,

    Try this method to fix your problem, add HTML widget at the bottom of this page and this code inside:

    <style>
    .brands-list__item.col-desk-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    </style>

    Let me know how it worked ๐Ÿ™‚

    Private
    Luca Lentino
    This reply has been marked as private.
    Nodari Support Team

    Hi Luca

    We can wrap it in media queries, something like this:

    <style>
    @media (max-width: 900px) {
    .brands-list__item.col-desk-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    }
    </style>

    Waiting for the final results ๐Ÿ˜€

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