Support » Plugin: FooGallery Image Gallery – Responsive Photo Gallery » Want one column when viewing gallery on mobile

  • Resolved Daniel Payne

    (@djepayne)


    I’m using the mason gallery on this client page and it looks great on the Desktop, however for Mobile devices it shows up with two columns while we only want to see one column on Mobile. Is there a gallery setting or CSS that I can modify to provide me one column galleries on Mobile devices?

    Thank you.

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

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

    (@bradvin)

    Hi

    You can add this custom css:

    
    @media only screen and (max-width: 768px) {
    	.fg-item {
      		width: 100% !important;
    	}
    }
    

    So that will force a single column on any screen/device with a width less than 768px. You can change that to be smaller if you like

    • This reply was modified 2 years, 3 months ago by bradvin.

    bradvin,

    Much appreciated, works perfectly, my client will be happy.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Want one column when viewing gallery on mobile’ is closed to new replies.