jsaddleton Posted April 22, 2021 Share Posted April 22, 2021 Site URL: https://goose-magnolia-r53a.squarespace.com Hi there, I have a few columns set on my site on this page - jm-creative.com/brand-bootcamp This is fine on desktop but adds a line space on mobile. Can someone help me with this? Thanks, Jane Password: Orlabean16 Beyondspace 1 Link to comment
Beyondspace Posted April 23, 2021 Share Posted April 23, 2021 12 hours ago, jsaddleton said: Site URL: https://goose-magnolia-r53a.squarespace.com Hi there, I have a few columns set on my site on this page - jm-creative.com/brand-bootcamp This is fine on desktop but adds a line space on mobile. Can someone help me with this? Thanks, Jane Password: Orlabean16 try @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1617807315907_5184 .sqs-block-content > [data-rte-preserve-empty="true"]:first-child { display: none; }} tuanphan 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
tuanphan Posted April 25, 2021 Share Posted April 25, 2021 On 4/22/2021 at 8:57 PM, jsaddleton said: Site URL: https://goose-magnolia-r53a.squarespace.com Hi there, I have a few columns set on my site on this page - jm-creative.com/brand-bootcamp This is fine on desktop but adds a line space on mobile. Can someone help me with this? Thanks, Jane Password: Orlabean16 I also see some other problems. You can reply below if want to fix all. Site URL: https://goose-magnolia-r53a.squarespace.com/ 1. (Mobile-Homepage) Equal space between accordion items? 2. (Mobile-Contact) Email 3. (Tablet-Contact) Make them stacked or increase text width? 4. (Tablet-Contact) Increase dropdown width? 5. (Overlay Menu) No “X” icon… 6. (Tablet-Overlay) Black & no items.. 7. (Blog) You haven’t changed SEO Title so the browser tab name still shows “Blog 3” 8. (Tablet-Blog posts) Increase blog content width? 9. (Tablet-Brand Design Services) Increase box width & reduce padding around text inside boxes? 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
jsaddleton Posted April 25, 2021 Author Share Posted April 25, 2021 Yes please @tuanphan I’d like to solve these issues Link to comment
tuanphan Posted April 26, 2021 Share Posted April 26, 2021 16 hours ago, jsaddleton said: Yes please @tuanphan I’d like to solve these issues Q1 + 2. Add to Design > Custom CSS /* Mobile */ @media screen and (max-width:767px) { /* accordion space */ div#block-yui_3_17_2_1_1588177717565_22842 { padding-bottom: 0 !important; } div#block-yui_3_17_2_1_1588177866032_18948 { padding-top: 0 !important; } /* contact page - button */ div#block-yui_3_17_2_1_1605713889966_5804 a { width: 90%; } /* contact page - email */ div#block-fe6a317a380f159c2571 { padding-right: 0; } } Q3, 4, 8, 9. Add to Design > Custom CSS /* Tablet */ @media screen and (max-width:991px) and (min-width:768px) { /* contact page */ div#page-section-5e87642f6d595f7cbaa5dc60 .span-4, div#page-section-5e87642f6d595f7cbaa5dc60 .span-5 { width: 50% !important; } div#page-section-5e87642f6d595f7cbaa5dc60 .span-1 { display: none; } /* contact page - select */ div#block-ff47b736c1b49178796d .form-item select { width: 100%; } /* blog content width */ .tweak-blog-item-width-narrow .blog-item-wrapper .blog-item-inner-wrapper { width: 90%; } /* service page - boxes */ div#page-section-5ec2ed8df2a1a93da4d70eac .row:nth-child(6) .span-10 { width: 100%; } .f0dcd0 { padding-left: 20px; padding-right: 20px; } } Q5, 6. Next email 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
jsaddleton Posted April 27, 2021 Author Share Posted April 27, 2021 thanks so much! I've added this code - I don't have a tablet so cant really check how it all looks. Are you able to help with the issue of the text in the boxes? It's not centered within the box, and also I'd like to left align the bullet points in the last screenshot. Thanks so much!! Link to comment
tuanphan Posted April 27, 2021 Share Posted April 27, 2021 1 hour ago, jsaddleton said: thanks so much! I've added this code - I don't have a tablet so cant really check how it all looks. Are you able to help with the issue of the text in the boxes? It's not centered within the box, and also I'd like to left align the bullet points in the last screenshot. Thanks so much!! It looks like you sent me an email about this? I remember I answered a same questions a few days ago. To preview site on tablet >> Right click on anywhere >> Click Inspect Element > Select iPad on top of browser 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment