Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. Hi, Can you share link to a blog post? We can help easier
  2. You mean open image in lightbox (new tab) or open new custom url in new tab?
  3. Use this code for your case /* resize mobile top slideshow */ @media screen and (max-width:991px) { .gallery-fullscreen-slideshow { height: 35vh !important; } }
  4. To make them in 2 lines, add this to Design > Custom CSS .image-caption strong { display: block; }
  5. Hi, Just edit product > Variants > Add new option
  6. Add to Design > Custom CSS > then save & reload the site /* Reels on mobile */ @media screen and (max-width:767px) { .gallery-reel { height: 30vh !important; } }
  7. Hi, Can you share link to page where you use grid of images? We can check easier
  8. First code is invalid. The code should be @media screen and (max-width: 767px) { [data-section-id="63f92211ba57b758b1a91dd2"] { display:none !important; } } @media screen and (min-width: 768px) { [data-section-id="63fcc92ea4186c086c767f8b"] { display:none !important; } }
  9. You have a code in Page Header or Code Injection caused this. Use this (Design > Custom CSS) to override it @media screen and (max-width:767px) { #page [data-section-id="6363ef407fb58c2cc9d30ebe"]:first-child { min-height: unset !important; height: 35vh !important; } }
  10. video may not always display on mobile devices, depending on the visitor's connection speed and browser version. Set a mobile fallback image to appear if the video banner can't load. Detail: https://support.squarespace.com/hc/en-us/articles/218562738-Adding-background-videos#:~:text=Click Edit on the page,over Done and click Save.
  11. Use this code a:hover span { color: #ffacec !important; }
  12. Change this code to this <script> (function() { document.addEventListener('DOMContentLoaded',() => { document.querySelector('header#header a.btn').setAttribute('href','/de/buchen'); }) })() </script>
  13. Add to Design > Custom CSS li.folder-collection.folder>a:after { content: "\e009"; font-family: 'squarespace-ui-font'; position: relative; top: 1px; }
  14. Hi, Which template do you use?
  15. Add to Page Header <style> .fe-6402260fbeb48b52588e6c64 { grid-template-rows: repeat(2,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)) !important; } </style>
  16. Hi, You can find a comparison on Codepen.io, then share url, we can convert it to Squarespace Code Block, it will be easier. eg https://codepen.io/MrShibumi/pen/wZLQzd https://codepen.io/praliedutzel/pen/zYxVwxL
  17. You can consider adding 2 Summaries: Carousel - Stacked, then we can give code to show 1 on desktop, show another on mobile. Convert from Carousel to Stacked is very complex
  18. Add to Design > Custom CSS section.Main-content { padding-top: 10px; }
  19. Just drag it from Pages > Main Navigation to Not Linked
×
×
  • 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.