Created
November 1, 2023 02:00
-
-
Save jasperf/c1b82246e3939fcbbb225f1ee296be3f to your computer and use it in GitHub Desktop.
Elementor gallery custom column number for mobile
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Target media gallery on mobile for the elementor basic gallery widget | |
| First: Please add a custom css id for the gallery widget class in advanced settings e.g. logos-gallery | |
| Next: add the below code in the custom css code in css panel -Additional CSS | |
| https://github.com/elementor/elementor/issues/7631#issuecomment-1575174708 | |
| */ | |
| @media screen and (max-width: 640px) { | |
| .logos-gallery{ | |
| line-height:0; | |
| -webkit-column-count:1; /* split it into 2 columns / | |
| -webkit-column-gap:5px; / give it a 5px gap between columns */ | |
| -moz-column-count:1; | |
| -moz-column-gap:5px; | |
| column-count:1; | |
| column-gap:5px; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment