Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #444717

    Hello,

    I am wondering if it is possible to have the post show up as a single column using the masonry content element.
    I would especially like this to work on a phone screen.
    At the moment I have my settings set for 2 column but there is no option to chose single column.
    Here is the site I am referring to
    http://sflocations.com/san-francisco-location-scout-home/clients/

    Thanks in advance

    John

    #445252

    I also have same question.

    I want adjust masonry layout from 1 column to 2 column in mobile layout.

    Thanks in advance

    ;D

    #445843

    Hi!

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

    #top .container .av-masonry-col-flexible .av-masonry-entry {
      width: 100%;
    }


    @ohsec
    Can you please post the link to your page?

    Regards,
    Yigit

    #446108

    Thanks Yigit!

    Perfect :)

    John

    #446112

    Hi!

    You are welcome, glad we could help! :)
    If you do not mind, we will keep the thread open for @ohsec, if you have any other questions or issues, please feel free to start a new one

    Regards,
    Yigit

    #446128

    Thanks Yigit —

    I may have spoken to soon :)
    the css, looked great on mobile but I just checked the desk top and found that the css made the desktop a single column as well.
    I added some css, here is what I used
    @media only screen and (max-width: 767px) #top .container .av-masonry-col-flexible .av-masonry-entry {
    width: 100%;
    }

    I had no success other than reverting the single column back to a two column.
    Do you have any advice or better css to try.

    regards,

    John

    #446670

    Hey!

    Please use the code as following

    @media only screen and (max-width: 768px) {
    #top .container .av-masonry-col-flexible .av-masonry-entry {
      width: 100% !important;
    }}

    Regards,
    Yigit

    #446694

    Yigit,

    Perfect! all screens looking beautiful now.

    Regards,

    John

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Masonry Content Element – Single Column – How to achieve for mobile’ is closed to new replies.