Mathias654321

Hi @tuanphan, Thanks for having a look. Unfortunately Elfsight support can't seem to help me. And the code you sent doesn't solve it unfortunately. Nothing changes after applying it. Any idea why this would be? Much appreciate your time, Mathias

Hello, My website has a white space under my footer, which I can't seem to erase in any of the ways I tried. Does anyone know if there's a reason it's there, and if it's removable with code? My website: www.intro-verso.com Any help is much appreciated!

Hi @tuanphan, I would like to do exactly with my mobile menu what this person described. Could you take a look and see if this is possible? Would be very much appreciated. My website: www.intro-verso.com Cheers

Hi @tuanphan, Can you elaborate what you mean by this? When my browser window is at max size, the products display as intended in the 'carousel like configuration' (2 then 3 pictures per row). However when I downsize the window, the products jump to display 1 item per row. Ideally I'd like my structure to stay in the 'carousel' like structure, even if I downsize the window. I checked on a friends laptop, and on there my product page shows 1 item per row. So it doesn't even start with the carousel like display. I assume this is because of when the window is below a certain pixel range, the code demands the product display to jump to 1 item per row. Any idea how I can code so that I can keep the same structure no matter how small my browser window gets? Appreciate your time and help! Mathias

Hi @tuanphan, Changing the the px to 1 in the code didn't resolve this issue for me. Still when I downsize my window, my product listings either scramble or go to the 1 per row display. Ideally I'd like to keep the structure as initially inted in the 2 then 3 row configuration. Any chance you know what the issue might be? Thanks a lot for your help, Mathias

Thanks a lot @tuanphan! Is there also a code to keep my original structure no matter how much I downsize the window? Instead of changing the product view to 1 per row in a smaller window. I think I might prefer that, so ideally I'd like to compare both options. Thanks again! Mathias

Site URL: https://www.intro-verso.com/all-new-products Hello, On my webshop I use a coded 'carousel' style layout for my products. There is each time a row of 2, then 3 products and so on. However when the webpage window gets made smaller, my product page loses all of its structure and the products scarmble in a random and not attractive order (see screenshot). Is there a way for me to code so that once the window is made smaller, the products move to a linear view of 1 product per line? This instead of them randomly scrambling. Any help achieving this is much appreciated!

This works well, thank you very much! Is there a way to only implement this on mobile view, and keep the button alligned left for desktop view? That would be my ideal setup. Appreciate your time

Site URL: https://www.intro-verso.com/all-new-products Hello, I'd like to move my Add To Cart button (which I changed the text of to 'contact to purchase') to the center of the text block. At the moment it is alligned left, just like the text which looks messy espacially on mobile view. However I don't see an option to manually do this, is there a code to make this change? Any help is much appreciated!

Hello, Did you find a solution for this? I'm also looking to add such a feature to my store/product page but so far no luck. Any help is appreciated!

This worked perfectly, thanks a lot @bangank36! Much appreciated

Site URL: https://www.intro-verso.com/all-new-products Hey,I would like to make the right column of my product detail 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. Thanks for any help!

Site URL: https://www.intro-verso.com/all-new-products Hello, I'd like to find a way to arrange my product page and the different categories so they only show a certain amount of products on a webpage before a visitor has to click to move onto the next page. Currently, I just have a large amount of products on the product page which show all at once, making it less appealing. Specifically this means I'd like to show 10 products on the first page, then have some kind of numbered navigator to skip to the next pages who each show 10 items. Please see picture attached of an example. Is there any way to achieve this with coding? As far as I know squarespace doesn't have this as a feature. Any help is much appreciated! My website: www.intro-verso.com

Thanks a lot, this worked for me!

Update: I have temporarily changed my settings back to before the last code because my mobile version was showing my products all scrambled and in weird orders/sizes. So I'm still looking for a solution to only show one product per row on mobile and tablet, and keep my horizontal masonry layout (with the code you provided above) for desktop page. Any help achieving this much appreciated!