DanHikes

I did thank you for checking in!

Hello! I am hoping to make the first gallery block on my page 2 across on mobile and the second one stacked to be one image per row. I am using this code to make my mobile gallery 2 across, but it's not working right: /* Mobile Gallery 2 columns */ @media screen and (max-width:767px) { #block-2b83931e6686f798f981,#block-3efb5f8572b7cfae3934, .slide { width: 50% !important; } Here is an example of the page I am looking to use it on. I would like the icons in the first gallery block to be 2 across on mobile and now they are stacking: https://www.whoatravel.com/ecuador Thanks in advance!

Hello! I have set up a gallery grid. All the the images are different orientations and I have set it to crop the images to 1:1 square. It is squeezing all the landscape oriented pics instead of cropping them. I've attached reference - in theory this should be a grid but you can see some images are smooshed. Anyone know why/a fix? Thanks in advance! P.S. I am on 7.0

THANK YOU! Worked perfectly 😀

Hi Ziggy! Thanks for the quick reply. This is the block id for the grid gallery I want to hide on mobile is: #block-yui_3_17_2_1_1717755367785_29074 This is the block id for the slideshow gallery I want to hide on desktop is: #block-yui_3_17_2_1_1717752723238_21680

Hello! I am trying to hide the grid gallery on mobile and only show it on desktop, AND hide the slideshow on desktop and only show it on mobile. Can someone help me with the snippet? I've found a few very simple ones, but for some reason they aren't working. This is what I'm using: @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1717755367785_29074 .intrinsic { display: none; } } Thanks in advance!