Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 30, 2018 at 3:13 am #1027812
    sky19er

    Hi, I have a Masonry element set to display 2 portfolio items, in 2 columns, in a Perfect Grid on a home page ( see screen grab https://screencast.com/t/HKsfl4W91zj ) — and I set the screen options to switch that layout to 1 column for medium and small screens ( https://screencast.com/t/HKsfl4W91zj ), but it doesn’t seem to be switching to 1 column ( https://screencast.com/t/zgzu5uDcRcn http://a48.f29.myftpupload.com/home-portfolio-items ). Any idea why that doesn’t seem to be working for me?

    Thanks!

    November 2, 2018 at 6:03 am #1029017
    Ismael

    Hey sky19er,

    Thank you for using Enfold.

    I found a minor syntax error in the css codes. Please use this css code for now.

    /* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.av-no-preview #top .av-medium-columns-4 .av-masonry-entry{width:24.90%;}
.responsive.av-no-preview #top .av-medium-columns-3 .av-masonry-entry{width:33.3%;}
.responsive.av-no-preview #top .av-medium-columns-2 .av-masonry-entry{width:49.80%;}
.responsive.av-no-preview #top .av-medium-columns-1 .av-masonry-entry{width:100%;}
}

    Best regards,
    Ismael

    November 8, 2018 at 2:08 am #1031051
    sky19er

    That seem to work — thanks!

    November 9, 2018 at 4:35 am #1031496
    Rikard

    Hi,

    Great, glad you got it working. 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 4 posts - 1 through 4 (of 4 total)
  • The topic ‘masonry portfolio items perfect grid no switch to column count screen options’ is closed to new replies.