Jump to content

tuanphan

Circle Member
  • Posts

    64,975
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Yes. Possible. With Phone add text: Phone - URL: tel:+0123456789 (replace 0123...with your phone) then share link to page, I can give code to replace Phone text with Phone Icon Similar for Email, url: mailto:abc@gmail.com
  2. Some of your current code override new code for example this code You try remove all font size code you used, then check again
  3. You mean change to Grid layout with text appear on hover on mobile? https://www.yaraelhaj.com/
  4. I remember I sent code in another thread, you try checking it again
  5. Don't remove any code in your current code. Add this to Custom CSS @media screen and (min-width:992px) { /* Force burger on desktop */ .header-burger { display: flex !important } .header--menu-open .header-menu { opacity: 1 !important; visibility: visible !important } @media screen and (min-width: 768px) { .header-menu { left:unset; width: 25% } } nav.header-nav-list>div:not(:last-child) { display: none; } .header-nav { order: 1 !important; text-align: left !important; flex: 0 0 30% !important; margin-left: 0 !important; } .header-title { order: 2 !important; } .header-title a { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .header-announcement-bar-wrapper { padding-top: 5vw !important; } }
  6. #1. Can you take a screenshot of problem? #2. Use this CSS code body.header--menu-open header#header.shrink .burger-box:after { color: black !important; }
  7. The site is private. You can follow this guide to share url
  8. background-size: cover; You can use cover contain or fixed value, eg: 100px
  9. Try this free guide https://ryandejaegher.com/easy-scrolling-text-in-squarespace/
  10. The site url doesn't exist. Can you check it again?
  11. Add this code to Website > Website Tools (under Not Linked) > Custom CSS body:not(.header--menu-open) .header-nav-folder-item--active .header-nav-folder-item-content { background-position: 0 73% !important; } adjust 73% in the code
  12. Use this CSS code for mobile @media screen and (max-width:991px) { .portfolio-text { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%); text-align: center !important; width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } }
  13. Try use this code to Code Block <iframe src="https://data.census.gov/vizwidget?g=160XX00US5523300&infoSection=Age and Sex" width="100%" height="100%" style="border: 0"></iframe>
  14. I see you figured it out with this code? <script> /* Desktop branding - redirect to another URL */ document.querySelector('.header-display-desktop .header-title-logo a').setAttribute('href', '/home'); /* Mobile branding - redirect to another URL */ document.querySelector('.header-display-mobile .header-title-logo a').setAttribute('href', '/home'); </script>
  15. You can see this guide https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links
×
×
  • 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.