Jump to content

merakiconceptstudio

Circle Member
  • Posts

    59
  • Joined

  • Last visited

Everything posted by merakiconceptstudio

  1. 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!
  2. 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.
  3. @Ziggy There are 16 results in total. 😞 Ah! Anyone else know why this would be the case? @tuanphan, maybe you know?
  4. @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?
  5. @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?
  6. 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
  7. URL: https://architectureoffice.squarespace.com/project-template Password: customlane Wondering how the accordion block could reveal the text above "Read More", rather than below
  8. 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
  9. 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!
  10. I would like it to look like the section above, "Trending styles". See attached how that shows on mobile.
  11. 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! 😃
  12. Site URL: https://mairi-helena.squarespace.com/samples Password: test I've used this plug-in to add an Add to Cart button to every product on my Shop page. I've enabled Quick View and I'd like the Add to Cart button to appear when someone rolls over the image (not just on the button itself)—in exactly the same manner as the Quick View feature. If you hover your cursor below the Quick View, you'll see what I have at the moment. I'd like them in the middle of the image, if possible. Roll over an individual product here to get an idea of what I'd like to create: https://www.johnlewis.com/browse/furniture-lights/living-room/coffee-tables/_/N-c4w Would greatly appreciate any help!
  13. Paul, this is amazing! Could you assist me with creating this? I'm happy to pay for your time. A few questions first: How do I generate an active purchase link for a product? Can the button in Additional Info be targeted by CSS universally (on every product page), as opposed to having to add it for every individual product page?
  14. We have the Advanced Commerce plan, but still unsure how to implement what you've described. Any help would be appreciated. Happy to pay for your time.
  15. Thank you for this! Do you know how to apply this site-wide? I'd like the highest price to show on mairi-helena.squarespace.com/shop (but it's still showing lowest variant). The password is test.
  16. Site URL: http://www.beatnik.squarespace.com Hi guys! Looking for some assistance changing the background image for horizontal views on both iPad and mobile. Nothing I have seems to be working—rather just conflicting with other views! Password: test
  17. Site URL: http://www.beatnik.squarespace.com Hi guys! I've customised the mobile view of this website, but it'll be too much work to do the same for iPad (and all of the viewing options). Is there a way to automatically load the mobile version of the website when someone loads on iPad? Thanks! Password: test
  18. Tuan sorted it with this: /* current trends */div#page-section-6092c4d462b4c91b5c621ce2 .span-4 { width: 50% !important; float: left !important;}/* Color choices */div#page-section-5f1eb64967aaae35bbee95d8 .span-2 { width: 50% !important; float: left !important;}div#page-section-5f1eb64967aaae35bbee95d8 .span-2:nth-child(2n+1) { clear: left !important;}/* strength - length */div#page-section-607d6a7186015c6f61dacce3 .span-4 { width: 50% !important; float: left !important;}}
  19. Tuan kindly shared this and it worked (he's a genius): /* mobile text link text */@media screen and (max-width:767px) {div#page-section-5f1ad9ecb11cc469f331cab4>.row>.span-4 { width: 41.6666% !important; float: left !important;}div#page-section-5f1ad9ecb11cc469f331cab4>.row>.span-7 { width: 58.3333% !important; float: left !important;}div#page-section-5f1ad9ecb11cc469f331cab4>.row>.span-7 .span-2 { width: 28.5714% !important; float: left !important;}div#page-section-5f1ad9ecb11cc469f331cab4>.row>.span-7 .span-4 { width: 71.4286% !important; float: left !important;}}
  20. Site URL: https://www.buffcs.com/services Site URL: https://www.buffcs.com/services Password: test I'd like the following sections to display two images side-by-side on mobile as opposed to stacking one on top of the other: Current Trends Colour Choices Add Strength and Length
  21. Site URL: https://www.buffcs.com/services Password: test I'd like text block > line > text block to appear on mobile as it does on desktop. Right now, everything's stacking. Please help! 🤯
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.