Envira CSS Columns Mobile

[reginar]

Hi!

I’ve tried the codes from the Envira website and checking Google Inspector to find out the proper class/div. However, whatever I try, I can’t seem to get the column width on mobile/small pad to 1 instead of 2.

Doing this per gallery is time consuming and not very useful since I’d like to apply this always to all galleries. I believe all my cashing is turned off. On the Envira site they use the width command for this (which is already at 100%). Tried using “columns” here too, and the classes separately, no effect so it seems. www.reginar.photography (potfolio items, not the pages themselves, since these are grids from The Grid). Any thoughts? Thanks!

@media only screen and (max-width: 600px) {

.envira-gallery-wrap .envira-album-public, .envira-gallery-wrap .envira-gallery-public {
width: 100% !important;
}

}

[jade]

Hi there,

Please try to follow the suggestion here:

How to use CSS for Envira for a 1 column layout Mobile

Hope this helps.

[reginar]

Thanks, but that’s Exactly what I tried (did mention this in my message).

I don’t want to do this for each gallery separately, but for all galleries in general.

[rad]

Hi @stinos,

Unfortunately, there is no do-it all solution on this setup as it could break a layout since it could be specific to skin too. For that, I recommend contacting a developer so they could create a customization that will allow you to globally alter all styling.

Thanks!

[reginar]

Ah that is unfortunate, on the Envira website they do mention that it is possible to do this for all galleries when applying the CSS in the Theme > customisation. Yet, these don’t work.

Alright, then I’ll try to look somewhere else for a solution.

Thanks

[rad]

You’re most welcome! I’m not saying it’s completely impossible, but yes, a lot of complex customization for CSS.