Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 24, 2015 at 8:50 pm #401685
    Simon

    Hey Guys,

    it seems that the Blog-Style “Raster Layout” has some bug for which I’d need a solution (or at least a workaround).

    When having a “Raster Layout” with 3 columns, in mobile view …

    • the first row contains 1 element
    • the second row contains 2 elements
    • the third row contains 1 element

    .. and so on. Also there is a grey area next to the image in each row that contains only 1 element (s. red ellipsis).

    3 columns

    When having a “Raster Layout” with 4 columns, in mobile view …

    • each element has a grey area
    • on smartphone view, each row always contains 2 elements (instead of just 1 element)

    … s. red ellipsis.

    4 columns

    Would appreciate any tips how to fix this (soon would be great, since this is for a client).

    Thanks,
    Simon

    • This topic was modified 9 years, 10 months ago by Simon.
    February 24, 2015 at 9:09 pm #401694
    Simon

    BTW, it’s also present in the Enfold demo …

    Bug in Enfold demo Blog Grid Layout

    Cheers,
    Simon

    February 25, 2015 at 2:37 pm #402063
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) { 
.avia-content-slider .slide-image img { width: 100%; }}

    Cheers!
    Yigit

    February 25, 2015 at 11:03 pm #402384
    Simon

    Hi!
    Thanks. This removes the grey areas, but the “the first row contains 1 element, the second row contains 2 elements, the third row contains 1 element and so on …” still remains. Is there a workaround for this?

    Cheers, Simon

    February 25, 2015 at 11:04 pm #402385
    Simon

    Hi!

    Thanks. This removes the grey areas, but the “the first row contains 1 element, the second row contains 2 elements, the third row contains 1 element and so on …” problem still remains. Is there a workaround for this?

    Cheers, Simon

    February 26, 2015 at 2:21 pm #402659
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even,.responsive #top #wrap_all .slide-entry {
margin-left: 0; width: 100%; clear: none; 
}}

    Regards,
    Yigit

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