Jump to content

tuanphan

Circle Member
  • Posts

    64,922
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Try adding this to Design > Custom CSS /* Product 2 columns mobile */ @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { grid-column-gap: 20px !important; } }
  2. It looks like you used this code to hide nav? <style> .header-nav [href="/about"] { display: none; } </style> <style> .header-nav [href="/trust"] { display: none; } </style> <style> .header-nav [href="our-why"] { display: none; } </style> <style> .header-nav [href="/portfolio"] { display: none; } </style> <style> .header-nav [href="/memories"] { display: none; } </style> <style> .header-nav [href="/films-1"] { display: none; } </style> <style> .header-nav [href="/our-why"] { display: none; } </style> <style> .header-nav [href="/stories"] { display: none; } </style> <style> .header-nav [href="/enquiry"] { display: none; } </style> however you can use this shorten code <style> .header-nav { display: none !important; } </style>
  3. Add this to Design > Custom CSS. It will add text "past event" on top of past events on listing page .eventlist.eventlist--past:before { content: "Past Event"; display: block; font-size: 30px; text-align: center; margin-top: 50px; }
  4. Can you share link to page in screenshot? We can add code to reduce text size
  5. Your site is private. You can setup password & share url again. We can check easier
  6. The text is too long, you can consider hide text on some specific devices, or reduce number of items/row... Which screen size do you see problem? We can tweak code on these sizes.
  7. Try adding to Design > Custom CSS html, body {overflow-x:hidden;}
  8. Hi, Can you share link to page where you have problem? We can check easier
  9. It looks like you solved with this CSS/ @media screen and (max-width: 767px) { .homepage section:first-child { height:35vh !important; min-height: unset !important } #block-yui_3_17_2_1_1645037986326_7664+.sqs-row { display: flex } #block-yui_3_17_2_1_1645037986326_7664+.sqs-row .sqs-col-4 { flex: 0 0 33% } .sqs-block-button * { text-align: center !important } }
  10. The site is expired. You can contact SS Customer Care to extend it (free)
  11. You can add Lottie to Code Block in Site Footer, then we will give the code to move it into header & hide current gif header logo
  12. If you share link to your site, we can help easier
  13. The url doesn't exist. Can you check it again? https://thebrownlab.squarespace.com/team-1
  14. Can you share link to page in screenshot? We can check problem easier
  15. Add to Design > Custom CSS .header-display-desktop { align-items: flex-end; } .header-nav-folder-content { background-color: black !important; } .header-nav-folder-content * { color: white !important; }
  16. Try adding to Design > Custom CSS @media screen and (min-width: 992px) { div#page-section-61e10fec1cefee1fa802b600 .image-card.sqs-dynamic-text-container { opacity: 0; } div#page-section-61e10fec1cefee1fa802b600 .sqs-block.image-block.sqs-block-image:hover .image-card.sqs-dynamic-text-container { opacity: 1; transition: .3s ease; } }
  17. Add to Design > Custom CSS @media screen and (max-width:767px) { .tagcloud-block ul li { margin-bottom: 0px; } }
  18. Add to Design > Custom CSS .eapp-click-to-call-main-component.jsx-2362448377 { position: fixed; right: 10vw; bottom: 2vw; }
  19. You have this CSS code, it make all menu mobile items white color .header-menu-nav * { color: #fff !important; }
  20. Add to Design > Custom CSS @media screen and (max-width:640px) { section#galeria img { width: 100% !important; height: auto !important; left: 0 !important; } section#galeria { height: 250px !important; } }
×
×
  • 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.