Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #1431787

    Hi,
    I have two questions:
    1. on the iPad is a space at the top and at the bottom of the pictures on the main page. How to get rid of them? They are not visible on dektop
    2. how to force the mobile version on iPad portrait mode?

    Webpage on private content.

    Thanks in advance! Best regards :)

    #1431861

    Hey northorie,

    Thank you for the inquiry.

    1.) You can add this css code to adjust the height or size of the image containers inside the cells.

    .responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner {
        height: 100%;
    }
    
    .responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container {
        height: 33%;
    }
    
    .responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container .avia-image-container-inner, .responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container .avia-image-container-inner .avia-image-overlay-wrap, .responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container .avia-image-container-inner, .responsive #top #wrap_all .flex_cell.av-bpxls4-4533b655858484ed8d63e280429e26ae .flex_cell_inner .avia-image-container .avia-image-container-inner .avia-image-overlay-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    2.) You can edit the Grid Row element and set the Advanced > Responsive > Fullwidth Break Point settings to the section option. For the columns, you can edit the first column in the row, then adjust the Fullwidth Break Point settings in the Row Settings > Row Screen Options toggle.

    Best regards,
    Ismael

    #1431891

    Thank you Ismail! That’s so much better now :)
    Is there a way to get rid of the background images on portrait mode on the ipad thoug? I’v set this cell to invisble on mobile, but i guess the resolution of the ipad is too big to be “mobile”
    The pictures are invisble on the iphone on portrait, but visible on ipad in portrait an visible on iphone landscape mode

    And can I have some kind of a sticky burger menu when on portrait mode on the tablet an on the iphone?

    • This reply was modified 11 months ago by northorie.
    #1431917

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 990px) {
    .av-bpxls4-4533b655858484ed8d63e280429e26ae {
      display: none; 
    }
    }

    Best regards,
    Rikard

    #1431941

    That didn’t help. Any other idea?

    #1432018

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 990px) {
    .av-bpxls4-4533b655858484ed8d63e280429e26ae {
      display: none !important; 
    }
    }

    Best regards,
    Rikard

    #1432030

    No change. I add a picture of how it looks on the ipad portrait mode on private content

    #1432037

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 990px) {
    .av-bpxls4-4533b655858484ed8d63e280429e26ae, .av-9606w4-745735c87528949a8fcae9f6260e6b49 {
      display: none !important; 
    }
    }

    Best regards,
    Rikard

    #1432072

    Almost :)
    The first picture is gone, but the others are still visible.

    #1432114

    Hi,

    Thanks for the update. I can’t see that happening on my end, do you have a screenshot of the results you are getting?

    Best regards,
    Rikard

    #1432133

    Sure, it’s on private content.
    I’ve made a “check” where the first picture was, which is now gone after your new code. And a circle where the second picture is. the other pictures are not in the screenshot, but are the same as to the second picture
    Sorry, that it seems to be so diffucult :/

    • This reply was modified 11 months ago by northorie.
    #1432158

    Hi,

    Thanks for the clarification. Please try this CSS instead:

    @media only screen and (max-width: 990px) {
    .av-bpxls4-4533b655858484ed8d63e280429e26ae, .av-9606w4-745735c87528949a8fcae9f6260e6b49, .av-8v8vzo-b307564c4491fbaaca02aa2cd7d24920, .av-lrrqtwa4-c649c1dc6ef8c3d3f626083ffd0865, .av-lrdgo74l-d258ad97ad8af73e55c257514c1794f9, .av-21rgm4-81d83ec0ce9691c99637e52b39c6f73c {
      display: none !important; 
    }
    }

    Best regards,
    Rikard

    #1432226

    Well, except of one all pictures are gone. Unfortunatley now the three pictures in the first sections are now invisble on iPad (portrait) AND iPhone.

    #1432261

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 990px) {
    .av-9606w4-745735c87528949a8fcae9f6260e6b49, .av-8v8vzo-b307564c4491fbaaca02aa2cd7d24920, .av-lrrqtwa4-c649c1dc6ef8c3d3f626083ffd0865, .av-lrdgo74l-d258ad97ad8af73e55c257514c1794f9, .av-21rgm4-81d83ec0ce9691c99637e52b39c6f73c {
      display: none !important; 
    }
    }

    Best regards,
    Rikard

    #1432425

    Nope :(
    The pictures in the fourth an the sixth section are still visble on ipad portrait mode. They are unvisible on mobile (that’s good!) an visble on desktop and on ipad landscape (also good!)

    #1432480

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 990px) {
    .av-9606w4-745735c87528949a8fcae9f6260e6b49, .av-8v8vzo-b307564c4491fbaaca02aa2cd7d24920, .av-lrrqtwa4-c649c1dc6ef8c3d3f626083ffd0865, .av-lrdgo74l-d258ad97ad8af73e55c257514c1794f9, .av-21rgm4-81d83ec0ce9691c99637e52b39c6f73c, .av-lrrqtwa4-7cee30b553db63897e5b58602877f536, .av-21rgm4-2a9d3eca5a448c1a2c99544c90b6fe5a {
      display: none !important; 
    }
    }

    Best regards,
    Rikard

    #1432504

    Yes! Got it :)
    Thanks for your patience!
    Thread can finally be closed

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Issues on iPad’ is closed to new replies.