Force columns on mobile

  • Hi and thanks for a cool plugin!
    It works great except that I can’t figure out how to make the column setting stick on mobile.

    I’m using the Masonry setting and have chosen 3 columns.
    On my Sony it shows 2 (which is alright) but on iPhone it’s just 1 column and each image covers the entire screen. Doesn’t look good at all.

    How do I stop this from happening? I’ve tried all different galleries. I guess I need CSS coding, but please help me.

    Cheers
    Eric

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter filmtopp

    (@filmtopp)

    Anybody who’s good at coding that could help me?

    Thread Starter filmtopp

    (@filmtopp)

    Hi, I still got problems with my site.
    It’s not responsive. Does this plugin have a support?

    Thread Starter filmtopp

    (@filmtopp)

    Come on, soon been 2 months since I posted this.

    Not sure exactly which section of your website you are referring too however I wonder if its similar to my issue. This was due to the size i set for each of my images in gallery and how foo galleries tries to be responsive. For me I had to add the follow custom css:-

    
@media handheld, only screen and (max-width: 767px) {
.foogallery .fg-image {
    height: 90px;
    width: 140px;
}

    It basically tells foo galleries that when the max width of the screen is 767 pixels (most if not all mobile phones in landscape and portrait mode) to change the image size. that way it shows more images per row.

    • This reply was modified 6 years, 9 months ago by Adrian.
    Thread Starter filmtopp

    (@filmtopp)

    Hi, Adrian and thank you so much for your reply.
    I’m referring to the image gallery with movie posters on this site: https://www.filmtopp.se.

    Was that all the code you added, and where did you add it? Beneth each foo gallery or in the custom css wordpress area?

    Thank you! ??

    to be honest you could add it to either as it should just override the css styling for that class though at the moment i have it in the gallery CSS.

    Apologies I’m still not sure why part of the site?

    However try it and see if that helps.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Force columns on mobile’ is closed to new replies.