jessclark98
-
Posts
18 -
Joined
-
Last visited
Reputation Activity
-
jessclark98 got a reaction from Wolfsilon in How to replace images when viewed in mobile
Its worked!!! Thanks so much for all your help 🙂Â
-
jessclark98 got a reaction from tuanphan in How to replace images when viewed in mobile
Its worked!!! Thanks so much for all your help 🙂Â
-
jessclark98 reacted to Wolfsilon in How to replace images when viewed in mobile
It's a little tricky to test but I think you'd be able to use the code below for each image. Just swap the ID for each of your sections on the page and insert the image url for the corresponding section ID.
section[data-section-id="60c47f0723695f68078a9d17"] { @media only screen and (max-width: 640px) { .gallery-fullscreen-slideshow-item-img img { display: none; } .gallery-fullscreen-slideshow-item-img::before { content: ""; position: absolute; width: 100%; height: 100vh; background-image: url("YOUR_URL_IMAGE_HERE"); background-size: cover; background-position: center, center; background-repeat: no-repeat; z-index: 1; } } } Hope this helps,
-Dan
-
jessclark98 reacted to tuanphan in Linking banner images to separate pages
Hi. Your site is private. Can you setup password & share url again? We can check easier
-
jessclark98 got a reaction from AnoukG in How to make gallery grids one column on mobile
On the template I'm using gallery grids appear in 2 columns for desktop view and stay in these 2Â columns when in mobile view.
As you can see in the screenshot, I need the two columns to stack in columns of 1 when in mobile view, so that the content is more visable, how do I change this so its different for both screens please?
-
jessclark98 reacted to christyprice in How to make gallery grids one column on mobile
I have a post with some code for different templates and different block styles that may help:Â https://christyprice.com/blog/stack-grid-gallery-squarespace-mobile
