Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 26, 2018 at 6:12 pm #978058
    mthabie

    Hello,
    I was wondering if anyone can help me with the iconlist content. When I view it on the ipad pro or make the screen smaller the contant within the iconelist start to overflow and then comes a scroller and then a perfect two raw of blocks. Ideal I would like it to view as 4 blocks next to each other on a normal screen, as I make the screen smaller 2 blocks per raw, then of course 1 per raw.

    thanks in advance

    June 26, 2018 at 7:39 pm #978106
    Victoria

    Hey mthabie,

    Best regards,
    Victoria

    June 26, 2018 at 9:14 pm #978147
    mthabie

    Hello Victoria,

    The reason I used the code is to make them appear equal in height. When I remove it they look messy. please help.

    Mthabie,

    June 28, 2018 at 4:11 am #978697
    Ismael

    Hi,

    Thanks for the update.

    You can split the columns into two earlier than usual or when the screen width is equal or less than 1024px (common logical resolution of tablets/iPad).

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
.responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.flex_column_div {
margin-left: 4%;
width: 48%;
}

.responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.first.flex_column_div {
margin-left: 0%;
clear: both;
}

.iconbox_content {
min-height: 330px !important;
}
}

    By default, the columns will split into two when the screen width is 989px or less.

    Best regards,
    Ismael

    June 28, 2018 at 10:16 am #978812
    mthabie

    Hey Ismael,

    You have solved my problem. Thank you so much.

    Mthabie,

    • This reply was modified 6 years, 8 months ago by mthabie.
    June 29, 2018 at 11:28 am #979276
    Ismael

    Hi,

    Great! Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘iconlist content reponsiveness on ipad pro’ is closed to new replies.