tiled galleries in mobile view

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    10 years, 9 months ago

    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.

    Thread Starter drkknght

    (@drkknght)

    10 years, 9 months ago

    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?

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    10 years, 9 months ago

    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;
}
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘tiled galleries in mobile view’ is closed to new replies.