Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 24, 2017 at 12:32 am #782103
    Doron

    I have 4 column that looks great on desktop, also great (stacked on on top of the other) on mobile
    but very bad on iPad > there is a screen shot and a link to the website in the private section <
    so..
    I tried setting the columns to individual height but it didn’t help
    I also tried adding the css code suggested here https://kriesi.at/support/topic/change-4-column-breakpoint-smaller-screens/
    but it affected the whole page and not just the green (#statistic) section and also affected mobile view stoped being stacked
    so..is there a way to use the code

    .responsive #top #wrap_all .flex_column {
    width: 47%!important;
    float:left; 
    margin-right: 3%!important;
}

    so it will affect only the green (#statistic) section and only on iPad view (without affecting desktop or mobile view)?

    April 24, 2017 at 5:18 am #782136
    Nikko

    Hey Doron,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:1024px) and (min-width:768px) {
  .home #statistic .flex_column.av_one_fourth {
    width: 50%;
  }
}

    Let us know if this helps :)

    Best regards,
    Nikko

    April 24, 2017 at 9:52 pm #782548
    Doron

    works perfectly! thank you so much!
    :)

    April 25, 2017 at 11:46 am #782776
    Rikard

    Hi,

    Great, glad we could help. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change 4 column breakpoint on ipad’ is closed to new replies.