tiled galleries in mobile view

I had a look at your site, and I see that you’ve added some custom styles to your custom CSS editor, under Appearance > Edit CSS in your dashboard.

Could you try to remove the rules you have added to customize the behaviour of the galleries? You could also wrap them into a CSS media query to make sure they’re only applied to the desktop theme.

Let me know if it helps.

hi Jeremy, thanks for the response

you were correct – I went through one by one and found it was this line in my css, to center and put a little spacing around the gallery:

.tiled-gallery .gallery-row {
	margin: 10px auto!important;
}

is that not a possible happy marriage?

I’m afraid not. The additional margins don’t seem to fit into the small mobile browser windows.

But you can use CSS media queries to keep using the CSS rule in your desktop theme, but ignore it when on mobile.

@media (min-width: 1000px) {
.tiled-gallery .gallery-row {
	margin: 10px auto!important;
}
}