Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 27, 2015 at 3:48 pm #509695
    Uri_Berry

    Hello, I’ve created a grid row on a page – attached in private content,
    when shrinking the page size the row does not collapse from 4 to 2 and then to 1
    but instead from 4 straight to 1,
    this creates, in some screen sizes, a column that is very narrow, impossible to read!

    your “Enrique Fold” demo does a great job with responsiveness, but for me it just doesn’t work….
    is there any fix for this? this is pretty urgent…

    Thanks,
    Uri

    September 28, 2015 at 12:48 pm #510020
    Andy

    Hey Uri_Berry!

    try to give them a min-width value:

    .flex_cell_inner {
min-width: 180px; 
}

    and adjust as needed.

    Cheers!
    Andy

    September 29, 2015 at 2:25 pm #510759
    Uri_Berry

    Hi Andy,
    Thanks for the quick reply,

    I’ve tried to play with it but now (min-width: 250px:) they just overlap…
    and also, I want the row to brake from 4 into 2 in a certain position, is this possible?

    Thanks again,
    Uri

    September 29, 2015 at 5:21 pm #510866
    Andy

    Hey!

    then try to add margin and padding:

    .avia_textblock {
margin-right: 30px;
padding-right: 21px;
}

    Regards,
    Andy

    September 30, 2015 at 12:57 pm #511412
    Uri_Berry

    Hey Andy,
    I don’t like this solution because it affects all of my website’s text blocks,
    and also it does not do what I want….

    I’ll try being more clear – in this page – http://www.we-are-tv.com/homepage1/#jobs
    I have a Grid Row component, with 4 columns (under the big letters with red background)
    when I manually shrink the browser’s width, it should collapse from 4 to 3 to 2 to 1,
    and this is what I define ‘Responsive’. Your demo theme (Enfold one page portfolio) does it pretty well
    but for me it just shrinks the 4 columns until it reaches a point where it goes straight to 1…

    Is there any solution for this?

    Thanks

    October 1, 2015 at 12:10 pm #512089
    Andy

    Hey!

    I checked the demo you have mentioned (One Page Portfolio) and there are 3 columns which get smaller before collapsing to 1 when shrinking browser size.

    You can activate Custom Class for all ALB elements and give your columns a unique CSS class, to avoid that all other elements get effected by the custom CSS code. Let us know when you are done with it and still need help.

    Best regards,
    Andy

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