Jump to content

tuanphan

Circle Member
  • Posts

    64,819
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. You can use this CSS code (Website > Website Tools > Custom CSS) @media screen and (max-width:991px) { .header-menu-nav-folder { transform: unset !important; } .header-menu-controls.container.header-menu-nav-item { display: none; } [data-folder="root"]>.header-menu-nav-folder-content:first-child { display: none; }}
  2. With #3, you can edit Footer > Add a Markdown Block > Then paste the code
  3. You mean when users hover on image on each product detail page >> Zoom it a bit?
  4. You can share link to page where you have problem, we can check easier
  5. /config is url in edit mode, I can't access it. You can click arrow in top right of site >> real url will appear on browser address bar.
  6. Have you tried using List Section Carousel or Gallery Section Reel yet? If don't know how to add these, let me know, I can provide some screenshots
  7. You want to reduce or increase its size?
  8. You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-button-font-unit="rem"] .list-item-content__button { left: unset !important; } .user-items-list-simple[data-button-alignment="center"] .list-item-content__button-container { max-width: unset !important; } }
  9. Find this code in your CSS box and adjust top If you can't find it, add this code to Custom CSS a.header-nav-folder-title:after { top: 5px !important; }
  10. Change this code .header-nav-item--active a { background-image: linear-gradient(#5af5fa, #5af5fa) !important; padding-bottom: 5px !important; } to this .header-nav-item--active>a { background-image: linear-gradient(#5af5fa, #5af5fa) !important; padding-bottom: 5px !important; }
  11. I see top video is fine, or you need to increase its height on mobile? What is site url?
  12. With Site Title/Logo >> You can click on Title/Logo, an option will appear, you can click it to edit Similar with Button, Social Icons
  13. Can you share link to your site? We can check problem easier
  14. You mean you need to customize this button style?
  15. You mean, you need to move this widget above Header?
  16. Hide 1 item Suppose you want to hide the “Services” item on One Page You can use this code to Individual Page Header Code Injection <!-- hide 1 item --> <style> div.header-nav-item:nth-child(3), [data-folder="root"]>div>div>div:nth-child(3) { display: none; } </style> Hide 2 items Suppose you want to hide the “Contact” and “Services” item You can use this code to Individual Page Header Code Injection <!-- hide 2 items --> <style> div.header-nav-item:nth-child(2), div.header-nav-item:nth-child(3), [data-folder="root"]>div>div>div:nth-child(2), [data-folder="root"]>div>div>div:nth-child(3) { display: none; } </style>
  17. Thank you! This code worked on my site. Do you have code if users enable Form Block Lightbox button?
  18. You can use this Calculator widget (affiliate link) or this link (non-affiliate link) to achieve this. I tried testing the widget and I think you can achieve your request, however will require some CSS code to achieve same style (color, size, font...)
  19. Can you share site url? We can check problem 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.