Responsive concept of next gen gallery plugin

  • Resolved alFrame

    (@alframe)


    8 years, 11 months ago

    Hi there,

    First off let me thank you for this great plugin,

    I have one major issue. It seems that there is a “clear: both” inserted after every row when thumbnail display is chosen. This breaks responsiveness and also looks very strange when looking at the gallery on a smaller screen.

    The only way to fix it is to set the galleries to 0 columns and add the css code:

    .ngg-galleryoverview {
clear: none !important;
}

    This seems odd and a conceptual error in the age of mobile first. I think it would be time to take a look at this issue as I can find posts as old as 4 years on this topic.

    On that note. It seems odd that there is no way to change the columns per row setting, or any other dipslay setting, on a global level. Once a change as described above is up, one has to go through ALL the existing galleries on the entire website. That creates an unnecessary overhead.

    Just my five cents.

    https://www.ads-software.com/plugins/nextgen-gallery/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor photocrati

    (@photocrati)

    @alframe – We are reviewing the layout structure when a specific number of columns are set and the width of the container holding the thumbnail layout is not sufficient to display that number of columns; but, as to your need for the extra CSS, that is generally not required when the number of columns is set to the default 0.

    Thanks for the feedback on this.

    – Cais.

    Thread Starter alFrame

    (@alframe)

    Thanks for your answer. I have figured that out with setting the columns to 0. That’s where I came back here and edited my post and added my comment about not being able to bulk edit, or overwrite many galleries at once.

    About the core issue, imagine you have a wide page design but still only want to show 4 or 5 thumbnails per row.

    I mean it works now

    But I had to add:

    /* ****** NEXT GEN GALLERY ****** */
/* Fix NextGen Gallery row display ... */
.ngg-galleryoverview {
  clear: none !important;
  max-width: 960px;
}

    Just another day in CSS-paradise ?? And please don’t get me wrong, NextGEN Gallery is still one of the best gallery plugin out there!

    Plugin Contributor photocrati

    (@photocrati)

    @alframe – I also see you have non-uniform thumbnails, not something unusual per se but it can lead to layout issues in some cases.

    We’re still going to be looking into this further on how better to address the layout with the number of columns set to something other than the default … I just don’t have an ETA on when this will be as there are many other items we would like to enhance as well.

    Thanks for sharing the CSS you are using, it may be of use to others as well.

    – Cais.

    Thread Starter alFrame

    (@alframe)

    Thanks for getting back to me.

    Indeed she has non-uniform thumbnails. I told her that and she will fix it over time.

    I do appreciate a lot that you are listening to the community and improving your product based on the input. And don’t worry about the ETA. I found a solution and the main purpose for writing here was sharing the solution.

    In other words: It’s good we talked about it ?? Please mark the thread as “resolved” as I don’t seem to be able to do it myself.

    Thanks!

    Plugin Contributor photocrati

    (@photocrati)

    @alframe – Thanks!! We really do appreciate constructive criticisms and relevant feedback.

    – Cais.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Responsive concept of next gen gallery plugin’ is closed to new replies.