-
Posts
59 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by 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.
-
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
-
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
-
Changing What Price Variant Displays in the "from" field
merakiconceptstudio replied to RachelF's topic in Commerce
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!
-
Reordering display on mobile/tablet
merakiconceptstudio replied to merakiconceptstudio's topic in Customize with code
I would like it to look like the section above, "Trending styles". See attached how that shows on mobile. -
Reordering display on mobile/tablet
merakiconceptstudio replied to merakiconceptstudio's topic in Customize with code
You are amazing! Thank you! It works perfectly. -
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! 😃
-
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!
-
Changing What Price Variant Displays in the "from" field
merakiconceptstudio replied to RachelF's topic in Commerce
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? -
Changing What Price Variant Displays in the "from" field
merakiconceptstudio replied to RachelF's topic in Commerce
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. -
Changing What Price Variant Displays in the "from" field
merakiconceptstudio replied to RachelF's topic in Commerce
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. -
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
-
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;}}
-
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;}}