Simple portfolio; 2 columns on mobile

  • worldwebsite

    (@worldwebsite)


    7 years ago

    I used the following css to show 2 columns on my mobile for simple portfolio images.
    It used to work, but after the latest update to foogallery 1.3.28, not working anymore?

    @media only screen and (max-width: 1024px) {
    .foogallery-simple_portfolio .bf-loaded
    {
    width: 40% !important;
    float: left;
    }

    Can anyone offer some help, thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author steveush

    (@steveush)

    Hi @worldwebsite,

    I take it this is from a previous customization you made, unfortunately with the new release we have changed much of the CSS and even the HTML structure of our galleries to provide more features. Previous customization’s like yours will need to be updated to match the new CSS and HTML.

    That said I would not recommend trying to force Simple Portfolio into a 2 column layout simply because the underlying template does not really support it. In Simple Portfolio the item size and position in the page is all set by JavaScript, trying to force 2 columns using CSS as you have shown above will get you two columns but the items themselves may look weird/oddly shaped.

    For a gallery with column layouts that looks good on both desktop on mobile I suggest trying the Masonry template.

    Thanks

    Thread Starter worldwebsite

    (@worldwebsite)

    Thanks for your reply.
    If I need to roll back to the previous version of foogallery, how do I do that?
    I may have to do that for the time being, until I figure out whether I changing to the Masonry template works for my site.
    Appreciate your help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Simple portfolio; 2 columns on mobile’ is closed to new replies.