MATTER Posted June 30, 2020 Share Posted June 30, 2020 Site URL: https://goldfish-koi-xjg4.squarespace.com/config/design Hello, Is there a way I can optimise MOBILE view of the items when they are in the cart? Right ow pictures are too small and text (description is too big). Best and thanks! Link to comment
tuanphan Posted August 24, 2020 Share Posted August 24, 2020 Hi. I see you haven't solved this. Do you still need help with this? If yes, describe the desired layout, we can check carefully. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MATTER Posted September 5, 2020 Author Share Posted September 5, 2020 @tuanphan if you could help to fix this - it would be great. I would like the image will be bigger that the text, just visually. thanks! Link to comment
IXStudio Posted September 5, 2020 Share Posted September 5, 2020 Hi Use this code in Design -> Custom CSS @media screen and (max-width: 640px){ .CartTableRow-itemImage-1bz_- { width: 16vw !important; min-width: 16vw !important; margin-left:-15px !important; } Please use the like button if it helps you! Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
MATTER Posted September 5, 2020 Author Share Posted September 5, 2020 it says - missing closing `}` when i integrate it Link to comment
IXStudio Posted September 5, 2020 Share Posted September 5, 2020 @media screen and (max-width: 640px){ .CartTableRow-itemImage-1bz_- { width: 16vw !important; min-width: 16vw !important; margin-left:-15px !important; } } Fixed. Check this code please. Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
MATTER Posted September 6, 2020 Author Share Posted September 6, 2020 it is making the mobile cart view better, but not working together with the desktop view now, check out the whole code I have there .sqs-search-page-notice { visibility: hidden; } .sqs-search-page-notice:before { visibility: visible; content: "No products found. Please try again!"; } .CartTableRow-itemPrice-26eXS { font-size: 16px; //Price font-size } .CartTable-subtotalPrice-2JFeD { font-size: 20px; //Subtotal font-size } .CartTableRow-itemDesc-1MjIC a { font-size: 16px; //Product title font-size } @media screen and (max-width: 640px){ .CartTableRow-itemImage-1bz_- { width: 16vw !important; min-width: 16vw !important; margin-left:-15px !important; } } just need to make sure that desktop and mobile versions look clean and tidy Link to comment
IXStudio Posted September 6, 2020 Share Posted September 6, 2020 Hi @MATTER If you want to completely fix that styles and make it better please send DM to me for custom code working! Because you need layout not just a few lines of CSS. Please use the like button if it helps you! Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
paul2009 Posted September 6, 2020 Share Posted September 6, 2020 On 6/30/2020 at 3:03 PM, MATTER said: Is there a way I can optimise MOBILE view of the items when they are in the cart? Right now pictures are too small and text (description is too big). When considering the "optimised" cart view, bear in mind that visitors to your site may have different mobile devices, with different screen sizes. Squarespace have already optimised the mobile cart view for the best user experience on a range of devices, but if you make changes to the CSS you may make it unusable, increasing cart abandonment rates. For example, this is how the cart currently looks on iPhone X. Prices are clipped and the announcement bar is obscured. About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
MATTER Posted September 6, 2020 Author Share Posted September 6, 2020 @paul2009 good call, the issue you mentioned though is the gneral squarespace issue and remains even if i remove all the custom code. can you advise here? Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.