Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 29, 2019 at 7:46 pm #1132055
    mclweb

    Hi,

    I’m using the freelance demo but on an android the cells are showing side by side – everything is small. On the iphone or Ipad things are worst, the cells are side by side, but the image is stretched to a crazy height. I did make sure that each grid row had the setting of “Each cell is displayed on its own.”

    Got any ideas?

    September 3, 2019 at 5:12 am #1133193
    Ismael

    Hey mclweb,

    Thank you for using Enfold.

    The cells are set to break to full width when the screen width is less than 767px. You can adjust that using the following css code.

    @media only screen and (max-width: 1024px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
	display: block;
	margin: 0;
	height: auto !important;
	overflow: hidden;
	padding-left: 8% !important;
	padding-right: 8% !important;
}
}

    `

    Don’t forget to toggle the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    September 4, 2019 at 6:03 pm #1134000
    mclweb

    Looking good for cell phone. For ipad I’m getting everything in one column on the left but the screen is still split into two columns. The right column is empty.

    September 5, 2019 at 12:42 pm #1134366
    Ismael

    Hi,

    Ah yes, we can see that. Please include this code in the css media query.

    .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
	width: 100%;
}

    Thank you for the update.

    Best regards,
    Ismael

    September 5, 2019 at 8:09 pm #1134597
    mclweb

    Great. We are getting closer.

    My only problem is that in the full screen (monitor) my two rows in one cell of the grid are displaying not side by side but one top of each other. See “Business Services”.

    Sorry to be such a pain.

    September 5, 2019 at 11:34 pm #1134656
    Jordan Shannon

    Hi,

    So it is supposed to be 2 columns per row for that section?

    Best regards,
    Jordan Shannon

    September 5, 2019 at 11:37 pm #1134660
    mclweb

    Yes. I have the grid with the picture on the left cell and text on the right cell. In the right cell, i have the text in two columns.

    September 5, 2019 at 11:57 pm #1134670
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-builder-el-17 .flex_column.av_one_half{
width:47%!important;
}

    Best regards,
    Jordan Shannon

    September 6, 2019 at 12:06 am #1134672
    mclweb

    Looking good. But, I have the opposite situation in the next box below. So this time text in two columns is on the left.

    September 6, 2019 at 6:09 pm #1135038
    Jordan Shannon

    Hi,

    Add this as well:

    .avia-builder-el-37 .flex_column.av_one_half{
width:47%!important;
}

    Best regards,
    Jordan Shannon

    September 7, 2019 at 12:16 am #1135161
    mclweb

    Thanks so much.

    I figure that last part would just be a change avia-builder-el-17 to avia-builder-el-(some_other_number) and thought about trying to guess it. It would have taken me awhile to get to 37.

    Thanks again. Love Enfold (and Enfold Support)

    September 8, 2019 at 3:52 am #1135541
    Rikard

    Hi,

    Thanks for the update and nice feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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