SimonG

It's a page i built like product, but it's not the "product model" page. I want the first photo goes over the second photo in the same block. Then first you see the blue, then when your mouse goes over, the gold appear instead of the blue. the third photo is just to show that I want the 2 pictures on the same frame/block.

Site URL: https://www.simonguillemin.com/blue-lava Hey guys ! I would like to replace a specific image when I go on it with the mouse. In fact I would like the second one being over the first one (in the same block then) when the mouse goes over the image. Thanks a lot ! The page concerned is : https://www.simonguillemin.com/blue-lava password : 0009 under the two images there is a image block which can be used to be the target if never 🙂 cause ì used CODE BLOCK for my example like in this tutorial : https://www.youtube.com/watch?v=7WC906n4t5c

@tuanphan Thanks a lot ! Could you explain to me why did you set min-width on 768px ? And also why does it fix only the right column whereas the #617ffbaa..... code seems included the 2 columns ?

Up 🙂 @tuanphan if you come here 🙂

I tried this without success : /* sticky text */ @media screen and (min-width:50%) { div#page-section-yui_3_17_2_1_1636017274785_162.row .span-4 { position: sticky; top: 0; } }

Hey @tuanphan It's amazing how you make it easy. Can you share why do you use each code ? I would like to understand to do the same for my case here :

Site URL: https://www.simonguillemin.com/travel-snowflakes Hey dear folks & the boss @tuanphan 🙂 I would like to make the right column of a page which contains differents block (text + image + shop button) fix when scrolling down the page. I want people be able to see the content on the left while they can always get acces to the text of the right. Also I would need this fix column on the right stop before the bottom of the windows just before the large block picture at the bottom https://www.simonguillemin.com/travel-snowflakes password : 0009 THANKS A LOT for your help 🙂❤️