merakiconceptstudio

https://konishigaffney.squarespace.com Password: buildings The current desktop layout is great (see attached). I've attached the current mobile layout, which is a mess. I need it to look exactly like the desktop version (see attached an image of how I'd like it to look). Would be grateful for any input!

https://konishigaffney.squarespace.com/greyfriars-charteris-centre Password: buildings I'm happy with the gallery display on desktop, but on mobile the images become absolutely tiny! Can you help? I've removed all the code and there doesn't seem to be anything interfering with it. See below the only code I have: #collection-65a7cee80a4862762028b14c .sqs-gallery { max-height: calc(100vh - 30px) !important; } #collection-65a7cee80a4862762028b14c .slide img { height: 100% !important; width: auto !important; left: 50% !important; transform: translateX(-50%); } #collection-65a7cee80a4862762028b14c .slide { height: 100% !important; } .sqs-gallery-controls .previous { color: #120E25 !important; font-size: 10px !important; line-height: 10px !important; background-color: transparent !important; padding: 0px !important; } .sqs-gallery-controls .next { color: #120E25 !important; font-size: 10px !important; line-height: 10px !important; background-color: transparent !important; padding: 0px !important; } I've attached mobile screenshots so you can see. Ideally, the images would be at least full width. Happy for the controls to be moved to below or a background colour added for extra visibility.

@Ziggy There are 16 results in total. 😞 Ah! Anyone else know why this would be the case? @tuanphan, maybe you know?

@Ziggy That code has solved the image-cutting problem, but why is it only showing 7 results? I want it to show everything in the carousel. Do you know how to do this?

@Ziggy, thank you for your reply! I did try this but it puts every item in one giant long column. I still want to keep the horizontal swipe. 😔 Any other ideas?

I'm using this code, but it doesn't appear to be working: @media only screen and (max-width: 767px) { section[data-section-id="656f4076490dde237c03bc05"] .summary-item { width: 101.5% !important; } section[data-section-id="656f4076490dde237c03bc05"] .summary-item .img-wrapper img { width: 100% !important; height: 100% !important; } } Instead, it's clipping sections off each image and only showing a portion of results. It needs to display the full carousel... With each image at 100% width. chrisdavisfurniture.co.uk Password: albion

URL: https://architectureoffice.squarespace.com/project-template Password: customlane Wondering how the accordion block could reveal the text above "Read More", rather than below

I've added a background image that appears when you hover over my client's header navigation. It is a pen stroke so I'd like to add an animation that loads the image from left to right (not all at once) to give the illusion that someone is literally underlining the word with a pen. It should be the same size on all words (it should not get bigger with longer words). It's currently floating in from the left and leaving at the right. 🤣 Help! URL: https://field-studio.squarespace.com Password: causewayside

This looks great, Paul! 🙂

Site URL: http://www.bann.squarespace.com Password: Test Would like this page's summary block to display as two columns on mobile/tablet: https://bann.squarespace.com/projects-all Any time there's 3 images in a gallery, I'd like them to display in one row on mobile/tablet: https://bann.squarespace.com/projects/new-town-apartment-edinburgh I've used the new "list section" on the homepage, but is there a way to only display 2 options on mobile/tablet: https://bann.squarespace.com Thanks so much!

I would like it to look like the section above, "Trending styles". See attached how that shows on mobile.

You are amazing! Thank you! It works perfectly.

The password is test, @tuanphan. 😃

Site URL: https://www.mairi-helena.squarespace.com Password: test Looking for some advice on re-ordering the following elements on mobile/tablet. Displaying three images side-by-side on mobile/tablet on all product pages. Is there a way to target them all? It's the three coloured swatches. See here: mairi-helena.squarespace.com/shop/p/hidden-garden-wallpaper Display two product blocks side-by-side on mobile/tablet on homepage. It's in the section "From vibrant statement prints to coordinating plains" (they should follow the same format as the summary block display on mobile). See here: mairi-helena.squarespace.com Thanks in advance! 😃

Yeah, that's what I'd like to do! Can you help? :)