We're merging with GenerateBlocks! Learn more here.

[Resolved] Column Alignment and Responsive

Please login to receive premium support.

Support for the free plugin can be found here.

Home › Forums › Pro Support › Column Alignment and Responsive

Tagged: , ,

Viewing 15 posts - 1 through 15 (of 16 total)
1 2
  • Author
    Posts
  • March 20, 2017 at 6:08 am #1787
    Scott Mackie
    Participant

    Hi
    I’m using WP show Post and have some problems getting the columns and images to resize properly at different break points. If you look at 1024px width, there is a big gap between images.
    Also Some of the images aren’t lining up. I’ve set the image size in WP Show as 940x705px. Ideally I’d like the images to be 400x300px but that creates an even bigger gap.
    Website here

    Portfolio

    I looking for this effect
    http://demo.themezilla.com/?theme=mesh

    Thanks
    Scott

    March 20, 2017 at 11:36 pm #1790
    Tom
    Keymaster

    Hi Scott,

    Have you tried setting the column gutter option to 0px in the Columns section? That will remove the spacing between items.

    Let me know if that fixes it or not 🙂

    March 21, 2017 at 1:34 am #1791
    Scott Mackie
    Participant

    Hi Tom

    Thanks for that.
    I’ve made it 0px, it looks great at 768px or below and also above 1024px.
    But still looks strange between 768px and 1024px width, there is a big gap between images two columns of image.

    Many Thanks
    Scott

    March 21, 2017 at 9:57 pm #1799
    Tom
    Keymaster

    Strange, can’t reproduce that on my end.

    Can you try deactivating your other plugins one by one to see if there’s a conflict of some sort?

    March 24, 2017 at 10:24 am #1810
    Scott Mackie
    Participant

    Hi Tom

    Sorry for the late reply.
    Just tried deactivating everything apart from
    GP Premium
    Toolset Types (use a custom post type)
    WP Show Posts
    WP Show Posts Pro

    I’ve tried refreshing in chrome and safari. The gap goes away after refresh but comes back if I move the browser width.
    Can I send some screen grabs.

    The only major building plugin I’m using is Beaver Builder.

    Thanks
    Scott

    March 26, 2017 at 8:59 pm #1816
    Tom
    Keymaster

    Does it still happen even with Beaver Builder deactivated?

    March 27, 2017 at 7:41 am #1818
    Scott Mackie
    Participant

    Hi Tom
    Yes it does.
    Scott

    March 27, 2017 at 9:20 pm #1823
    Tom
    Keymaster

    Huh, I wonder what the difference is. Here’s me playing with it: https://www.screencast.com/t/h6AAP60m

    Those gaps are definitely a bug – looks like Masonry isn’t calculating properly.

    However, I can’t replicate the weirdness on smaller screens.

    Can you try creating a separate test list without the overlay etc.. and see if you get the same result?

    March 28, 2017 at 2:28 pm #1827
    Scott Mackie
    Participant

    Hi Tom

    I’ve created a test page with a new WP Show Post. Same settings but without overlay.

    WP_show_test


    We still get the gap unfortunately. Is there anything else we can try?
    Thanks
    Scott

    March 28, 2017 at 10:32 pm #1829
    Tom
    Keymaster

    Trying to get it happen on my installs so I can debug, but no luck.

    Is there another site you can test on? Perhaps a fresh install with only WPSP activated? There must be something different about your install and mine, just trying to figure out what it is.

    Thanks for your patience!

    March 29, 2017 at 1:05 am #1831
    Scott Mackie
    Participant

    Hi Tom

    I’ve got it on another site but slightly different grid design

    Our Work

    I’ll setup a new WP site today as well with just Generate Press as theme.

    Thanks
    Scott

    March 29, 2017 at 4:06 pm #1838
    Tom
    Keymaster

    Not seeing the issue there, but looks like it’s because masonry isn’t activated.

    April 14, 2017 at 6:00 am #1901
    Scott Mackie
    Participant

    Hi Tom

    Hope you are well.
    I’ve made a new site with complete fresh WordPress install and Generate Press, WP Show install.
    I’ve setup and new portfolio grid using same settings as before and looks great, don’t get the weird gap in the middle.

    Home

    Something must be corrupting the other one.

    Portfolio

    let me know if you think of anything that would solve the problem.
    But I guess I’ll have to use another portfolio plugin just for this site.

    Thanks
    Scott

    April 14, 2017 at 9:40 pm #1902
    Tom
    Keymaster

    Is masonry enabled for the sites not experiencing the same issue? All of the options are identical?

    April 19, 2017 at 6:15 am #1922
    Scott Mackie
    Participant

    Hi Tom

    No masonry not selected on both.
    I’ve setup a new site from scratch, with fresh GP and WP show installed. Good excuse for a redesign!
    Thanks
    Scott

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 16 total)
1 2
  • You must be logged in to reply to this topic.