mobile phone portrait single Masonry column?

  • With the Masonry rendering of the main posts page or categories page, the responsive display goes down to two columns at 767px. It will not go to a single column – perhaps at 479px? Is there a configuration of CSS that controls this?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,

    You can get the desired masonry layout for smaller screens by pasting in the following custom CSS in Your Admin Dashboard > Appearance > Customize > Additional CSS :

    @media(max-width:767px) {

#masonry-loop {
  height: auto !important;
}
.masonry-entry {
  width: 100%;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}
.post-item a.post-thumb img {
  width: 100%;
}

}

    Also, for future reference, you can post in your queries in the theme’s official support forum for dedicated and swift support at : https://themepalace.com/forum/photo-perfect/

    Hope this Helps,

    Best Regards !!

    Thread Starter humptybump

    (@humptybump)

    Outstanding! Very helpful.

    I used 479px in place of 767px and I now have the response I was asking for.

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘mobile phone portrait single Masonry column?’ is closed to new replies.