Jump to content

tuanphan

Circle Member
  • Posts

    64,744
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. You can also use CSS to achieve this. It won't appear above problems, however it is manually. If you share link to your site, we can give CSS code
  2. It looks like problem appears on both mobile & tablet. Use this new code @media screen and (max-width:991px) { [data-section-id="612ef50cef0da00145dc943d"] { min-height: unset !important; height: 30vh; } } (I changed 767px to 991px)
  3. Hi, I just checked again & see the tablet doesn't look good. You can use this CSS to increase overlay menu width on tablet @media screen and (min-width:750px) and (max-width:1024px) { .header-menu { width: 30% !important; } }
  4. Hi, You need to contact Squarespace Customer Care to transfer subscription
  5. Try Commerce > Order Notifications > Global Email Styles
  6. Can you share link to this page? I don't see it on homepage
  7. Add to Design > Custom CSS header#header { position: fixed; top: 0; z-index: 999; left: 0; right: 0; padding-top: 60px; padding-left: 60px; padding-right: 60px; background-color: white; } @media screen and (min-width:901px) { div#pageWrapper { margin-top: 150px; } }
  8. Hi. Possible. Can you share link to your site?
  9. Hi, I don't see icon on both desktop & mobile. Can you add it?
  10. The banner image is fine from my end. You try checking again
  11. @technicolordaisy Don't remove any code in your current code. Add to Design > Custom CSS section#yoga-offerings>div { padding-left: 0px !important; padding-right: 0px !important; }
  12. @Katie_B Try adding to Design > Custom CSS @media screen and (max-width:767px) { div#block-9b9e29c823a3c5ca1a29+.row .span-5 { width: 50% !important; float: left !important; } div#block-9b9e29c823a3c5ca1a29+.row .span-5 .html-block { width: 90% !important; } }
  13. I see it worked here, eg Shoppe Talk link underline disappeared
  14. Try adding this to Design > Custom CSS @media screen and (max-width:900px) { [class*=sqs-col] { width: 100% !important; } }
  15. I see problem appears in lightbox only. Try adding this to Design > Custom CSS @media screen and (max-width:767px) { .gallery-lightbox[data-open='true'] { padding: 0 !important; } }
  16. @Begona Add this to Design > Custom CSS /* Cart page checkout button */ button.checkout-button { background-color: #f1f3f9 !important; } button.checkout-button span { color: red !important; }
  17. Use this CSS /* Footer split layout */ @media screen and (min-width:768px) { [data-section-id="6139da96d203ef247abc5142"] .section-background { width: 50%; margin-right: 50%; } [data-section-id="6139da96d203ef247abc5142"] { background-color: white; } } In the next time, I recommed using this Split plugin to achieve above layout, you can customize everything easier.
  18. #1. Add this to Design > Custom CSS /* call us overlap whatsapp */ a.t-button.button2 { top: calc(~"50% - 70px") !important; } #2. To change whatsapp text to icon, add this CSS /* whatsapp */ a.t-button.button2 { background-image: url(https://static1.squarespace.com/static/5e92bd3b9d0f316bec63924e/t/61a0b21beff3f125623552e8/1637921307092/whatsapp-icon3-150px.png); background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; color: transparent; background-position: right; background-color: transparent !important; }
  19. Hi. Each page will need a different code. If you still want, I will give the code for a page & give a quick guide to you apply on other pages
  20. Some of the code doesn't really work well on Safari/iOS, nor can I think of a workaround with this code. You try posting the problem to Squarespace Customization Resource Group on Facebook
  21. Make the sentence bold & share link to that page, we will give the code
  22. The site is private. You should setup password & share url again/ We can check easier.
×
×
  • 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.