CharlesOng Posted April 17, 2021 Share Posted April 17, 2021 Hello - I also have been having this issue. Trying to get the store buttons to appear side by side on mobile. Any help would be much appreciated. Site is offline until we get it right. https://collie-goose-bfbb.squarespace.com/ PASSWORD: Qwerty321 Thanks in advance for your help. Link to comment
tuanphan Posted April 17, 2021 Share Posted April 17, 2021 1 minute ago, CharlesOng said: Hello - I also have been having this issue. Trying to get the store buttons to appear side by side on mobile. Any help would be much appreciated. Site is offline until we get it right. https://collie-goose-bfbb.squarespace.com/ PASSWORD: Qwerty321 Thanks in advance for your help. You mean buttons or Lazada/Shopee images? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
CharlesOng Posted April 17, 2021 Share Posted April 17, 2021 https://collie-goose-bfbb.squarespace.com/sildenafil Oh I'm sorry - the lazada and shopee images I am hoping to put them side by side on mobile. Newbie here - your time is greatly appreciated. Link to comment
CharlesOng Posted April 18, 2021 Share Posted April 18, 2021 31 minutes ago, tuanphan said: You mean buttons or Lazada/Shopee images? https://collie-goose-bfbb.squarespace.com/sildenafil Oh I'm sorry - I meant the lazada and shopee images. I am hoping to put them side by side on mobile. Newbie here - your time is greatly appreciated. Beyondspace 1 Link to comment
Beyondspace Posted April 18, 2021 Share Posted April 18, 2021 4 hours ago, CharlesOng said: https://collie-goose-bfbb.squarespace.com/sildenafil Oh I'm sorry - I meant the lazada and shopee images. I am hoping to put them side by side on mobile. Newbie here - your time is greatly appreciated. I hope this help @media only screen and (max-width: 768px) { #block-c24966fd8a2c5b3f2d02 + .row .col { width: 50% !important; float: left !important; } } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
CharlesOng Posted April 18, 2021 Share Posted April 18, 2021 15 hours ago, bangank36 said: @media only screen and (max-width: 768px) { #block-c24966fd8a2c5b3f2d02 + .row .col { width: 50% !important; float: left !important; } } 15 hours ago, bangank36 said: I hope this help @media only screen and (max-width: 768px) { #block-c24966fd8a2c5b3f2d02 + .row .col { width: 50% !important; float: left !important; } } This is amazing thank you so very very much. I know your time is valuable and I do appreciate your help greatly. Take care! Link to comment
HamishC Posted June 9, 2021 Share Posted June 9, 2021 Hi there, I'm hoping to display the services icons within each markdown area as 3 per row on mobile please. They are images rather than a gallery, is it possible to make a code so that all images within https://www.soundsound.co.uk/#services-1 display 3 per row on mobile please? I will be adding further markdown areas too on that page. Many thanks Link to comment
HamishC Posted June 9, 2021 Share Posted June 9, 2021 password is 'progress', thanks! Link to comment
tuanphan Posted June 10, 2021 Share Posted June 10, 2021 14 hours ago, HamishC said: password is 'progress', thanks! Add to Design > Custom CSS /* Mobile 3 icons */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1623257149439_2969 .slide { width: 33.333% !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
VLvstr Posted June 17, 2021 Share Posted June 17, 2021 (edited) Hello @tuanphan ! I have some issues with my art website: www.victorlavastre.com I create a fresco with different images and i need 3 images large on the gallery of the mobile version. I tried all the css code posted on this topic but nothing work. Many thanks for your help men ! Edited June 17, 2021 by VLvstr Link to comment
tuanphan Posted June 18, 2021 Share Posted June 18, 2021 15 hours ago, VLvstr said: Hello @tuanphan ! I have some issues with my art website: www.victorlavastre.com I create a fresco with different images and i need 3 images large on the gallery of the mobile version. I tried all the css code posted on this topic but nothing work. Many thanks for your help men ! Hi. I see you solved this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
VLvstr Posted June 18, 2021 Share Posted June 18, 2021 (edited) On 6/18/2021 at 8:42 AM, tuanphan said: Hi. I see you solved this? @tuanphanNo i didn’t… I need help please (sorry about my english i’m french). The first image is the desktop version and i want this for the mobile version ! thank you for your answer Edited June 20, 2021 by VLvstr Link to comment
tuanphan Posted June 21, 2021 Share Posted June 21, 2021 On 6/18/2021 at 2:31 PM, VLvstr said: @tuanphanNo i didn’t… I need help please (sorry about my english i’m french). The first image is the desktop version and i want this for the mobile version ! thank you for your answer Add to Design > Custom CSS /* Mobile gallery */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; display: grid !important; grid-template-columns: repeat(3,1fr); } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } } See how I checked the code. https://www.loom.com/share/68174c92c31448929882580ffea6c783 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
VLvstr Posted June 21, 2021 Share Posted June 21, 2021 11 hours ago, tuanphan said: Add to Design > Custom CSS /* Mobile gallery */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; display: grid !important; grid-template-columns: repeat(3,1fr); } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } } See how I checked the code. https://www.loom.com/share/68174c92c31448929882580ffea6c783 Hello @tuanphan ! thank you so much ! You’re the best ! if you have an NFT wallet I can send you one of my square as a thank you ! You can send me your wallet adress on my email: victorlavastre@gmail.com Best regards ! Link to comment
tuanphan Posted June 24, 2021 Share Posted June 24, 2021 On 6/21/2021 at 8:57 PM, VLvstr said: Hello @tuanphan ! thank you so much ! You’re the best ! if you have an NFT wallet I can send you one of my square as a thank you ! You can send me your wallet adress on my email: victorlavastre@gmail.com Best regards ! Do you need help on these? Site URL – https://www.victorlavastre.com/ 1. (Tablet-Homepage) Fix image? 2. (Header) change Link icon to Opensea logo? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Sidsel Posted June 29, 2021 Share Posted June 29, 2021 I really need help with this to... The design on desktop is a bit different then normal, so I have trouble finding the right code for this. I need the images to align side by side, 2 or three at a time on mobile. Speficic on this page, and no other. https://yo-studios.squarespace.com/team-yo Code: YO2021 Link to comment
tuanphan Posted July 1, 2021 Share Posted July 1, 2021 On 6/29/2021 at 8:48 PM, Sidsel said: I really need help with this to... The design on desktop is a bit different then normal, so I have trouble finding the right code for this. I need the images to align side by side, 2 or three at a time on mobile. Speficic on this page, and no other. https://yo-studios.squarespace.com/team-yo Code: YO2021 Hi. All images on Team Yo page or which images? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Sidsel Posted July 1, 2021 Share Posted July 1, 2021 3 hours ago, tuanphan said: Hi. All images on Team Yo page or which images? Yes, but I have solved it 🙂 Link to comment
VLvstr Posted July 10, 2021 Share Posted July 10, 2021 (edited) @tuanphan Thank you for the proposal ! I soveld this by reading one of yours greatfull answer on the forum ! Edited July 10, 2021 by VLvstr tuanphan and Beyondspace 2 Link to comment
visuallyaudible Posted July 20, 2021 Share Posted July 20, 2021 (edited) hello @tuanphan -- could you please help me as well? I would really really appreciate it --- I need help getting either the 3 separate images on the top, or the gallery of 3 show as 3 in a row on mobile. For desktop, I have no problem. Please let me know if it's better to leave 3 images, or gallery of 3 so that it can be 3 in a row on mobile as well... THANK YOU!! Website is: http://visuallyaudible.net/cvr-book The image on the bottom is what the mobile version currently looks like. Edited July 20, 2021 by visuallyaudible Link to comment
tuanphan Posted July 21, 2021 Share Posted July 21, 2021 23 hours ago, visuallyaudible said: hello @tuanphan -- could you please help me as well? I would really really appreciate it --- I need help getting either the 3 separate images on the top, or the gallery of 3 show as 3 in a row on mobile. For desktop, I have no problem. Please let me know if it's better to leave 3 images, or gallery of 3 so that it can be 3 in a row on mobile as well... THANK YOU!! Website is: http://visuallyaudible.net/cvr-book The image on the bottom is what the mobile version currently looks like. answered your email Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
IAPMD Posted August 2, 2021 Share Posted August 2, 2021 Needing help with this too please - have tried doing it myself but not having much joy! iapmd.org/links Password: review Trying to recreate a web version of the lnk.bio - 6 social images along the top (not stacking) and then the images 3 across and not stacking. Could you assist please? Link to comment
tuanphan Posted August 4, 2021 Share Posted August 4, 2021 On 8/3/2021 at 2:06 AM, IAPMD said: Needing help with this too please - have tried doing it myself but not having much joy! iapmd.org/links Password: review Trying to recreate a web version of the lnk.bio - 6 social images along the top (not stacking) and then the images 3 across and not stacking. Could you assist please? Hi, you mean make 6 images/row on desktop & 3 images/row on mobile? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
chavous_writes Posted August 4, 2021 Share Posted August 4, 2021 Me too please! Underneath the main GUCCI banner, there is a row of four images. On mobile, I would like to show two images side by side in two rows, instead of stacked. Can you help? Thank you! https://lobster-parakeet-5fh3.squarespace.com/ Pass: MV Link to comment
tuanphan Posted August 5, 2021 Share Posted August 5, 2021 6 hours ago, chavous_writes said: Me too please! Underneath the main GUCCI banner, there is a row of four images. On mobile, I would like to show two images side by side in two rows, instead of stacked. Can you help? Thank you! https://lobster-parakeet-5fh3.squarespace.com/ Pass: MV Add to Design > Custom CSS /* Homepage images side by side mobile */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1626997556614_6498+.row .span-3 { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1626997556614_6498+.row .span-3:nth-child(2n+1) { clear: left !important; } } chavous_writes 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment