Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 28, 2016 at 9:06 am #666088
    Chris_85

    Hi,

    i use 4 columns av_on_fourth in one row. On desktop and mobile it looks good. But on tablets the columns get very small and are positioned on the left (see Screenshot)

    bild
    Is it possible to get a better responsive Design for that?

    best regards

    Chris

    • This topic was modified 8 years, 3 months ago by Chris_85.
    July 30, 2016 at 2:06 pm #666820
    Chris_85

    no idea?

    August 1, 2016 at 1:28 pm #667254
    Yigit

    Hi,

    Sorry for the late reply!
    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 769px) {
.flex_column.av_one_fourth { 
width: 100% !important;
margin-left: 0 !important;
}}

    Best regards,
    Yigit

    August 4, 2016 at 3:35 pm #668621
    Chris_85

    Hi Yigit
    thanks for your answer. i also had your css code. But is it possible to have on tablets two images side by side?

    best regards

    Chris

    August 7, 2016 at 5:26 am #669380
    Rikard

    Hi Chris,

    You could try something like this instead: 

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
.flex_column.av_one_fourth { 
width: 50% !important;
margin-left: 0 !important;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.