Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 5, 2020 at 4:32 pm #1210009
    volmering

    Hi there,

    is there a workaround to fix the following bug (only tablet-portrait):

    in a gridlayout (1/2 – 1/2) the textcontent in the accordion slips over the subsequent content.

    example below

    thanks in advanced :-)

    May 6, 2020 at 2:37 am #1210190
    Jordan Shannon

    Hey Ramon,

    Add this to quick css:

    @media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.flex_cell.no_margin.av_one_half{
height:100%!important;
min-height:100%!important;
}}

    Best regards,
    Jordan Shannon

    May 6, 2020 at 1:03 pm #1210326
    volmering

    hey shannon,

    thx. the problem with the accordion is fixed. but now the backgrounds are gone.

    May 6, 2020 at 9:53 pm #1210489
    Jordan Shannon

    Hi,

    The backgrounds don’t really work in the portrait format at that size, the images just stack on top of each other. you can try and maintain the desktop format on the tablet or just remove the backgrounds specifically at the size in which they stack.

    Best regards,
    Jordan Shannon

    May 7, 2020 at 2:56 am #1210584
    volmering

    hey shannon, thanks again. but that answer is not satisfying. because on smartphone (portrait) the backgrounds stack perfect.

    May 9, 2020 at 5:16 am #1211333
    Jordan Shannon

    Hi,

    Do you have a screenshot of what you have on smartphone? I’m seeing them as stacked on each other.

    Best regards,
    Jordan Shannon

    May 13, 2020 at 10:08 pm #1212783
    volmering

    hi,
    like i said, with your code the accordion problem is gone :-)

    but the backgroundimages on i-pad-portrait are not really visible.

    teh view on i-pad-landscape and smartphone-portait is perfect.

    screens below

    May 17, 2020 at 3:29 am #1213706
    Jordan Shannon

    Hi,

    Apologies for the delay, add this to quick css:

    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.flex_cell.no_margin.av_one_half {
    height: 800px!important;
    min-height: 800px!important;
}}

    Best regards,
    Jordan Shannon

    May 17, 2020 at 6:07 am #1213752
    volmering

    hi shannon, thanks a lot. but it doesnt help.

    now, the accordieon problem is back

    May 27, 2020 at 1:38 am #1216758
    Jordan Shannon

    Hi,

    Apologies for the late reply. I think the only way this works properly is to have 50/50 width on tablet, or if you are able to give each column an individual class then perhaps the order can be shifted on tablet so the images are not just running on top of each other as they are now.

    Best regards,
    Jordan Shannon

    May 27, 2020 at 1:41 am #1216759
    volmering

    Hi,

    no problem.i know you guys have a lot of work here.

    but can you handle this thread to yigit plz?

    June 1, 2020 at 6:29 pm #1218488
    Yigit

    Hi,

    Sorry for my late reply!

    Please add following code to Quick CSS

    @media only screen and (max-width: 990px) {
.responsive #top #wrap_all .av-flex-cells .no_margin { 
     height: auto !important; 
}
}

    Currently fixed height is disabled only on screens below 768px so causes the issue between 990-769px. We will test it further and report to our devs :)

    Best regards,
    Yigit

    June 2, 2020 at 4:13 pm #1218795
    volmering

    hey yigit, nice to see you again :-)

    this worked perfect. thx alot.

    i hope this will be part in one of the next updates.

    greetz ramon

    June 3, 2020 at 5:06 pm #1219146
    Yigit

    Hi Ramon,

    Likewise! :)

    We have forwarded it to our devs :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Accordion Tablet Portrait’ is closed to new replies.