Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • January 23, 2024 at 1:59 pm #1431787
    northorie

    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 :)

    January 24, 2024 at 8:34 am #1431861
    Ismael

    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

    January 24, 2024 at 1:06 pm #1431891
    northorie

    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 10 months ago by northorie.
    January 24, 2024 at 5:00 pm #1431917
    Rikard

    Hi,

    Please try this CSS as well:

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

    Best regards,
    Rikard

    January 24, 2024 at 7:50 pm #1431941
    northorie

    That didn’t help. Any other idea?

    January 25, 2024 at 2:36 pm #1432018
    Rikard

    Hi,

    Please try this CSS instead:

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

    Best regards,
    Rikard

    January 25, 2024 at 3:19 pm #1432030
    northorie

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

    January 25, 2024 at 3:54 pm #1432037
    Rikard

    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

    January 25, 2024 at 7:58 pm #1432072
    northorie

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

    January 26, 2024 at 11:01 am #1432114
    Rikard

    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

    January 26, 2024 at 1:33 pm #1432133
    northorie

    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 10 months ago by northorie.
    January 26, 2024 at 4:20 pm #1432158
    Rikard

    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

    January 27, 2024 at 5:41 pm #1432226
    northorie

    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.

    January 28, 2024 at 2:14 pm #1432261
    Rikard

    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

    January 29, 2024 at 8:02 pm #1432425
    northorie

    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!)

    January 30, 2024 at 11:34 am #1432480
    Rikard

    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

    January 30, 2024 at 3:58 pm #1432504
    northorie

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

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