Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,701

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Try adding to Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="607e7dea4ff0a43308d8722f"] { min-height: unset !important; height: 40vh; } }
  2. tuanphan
    Hi, #1. I don't think you can get all into dropdown menu, especially By Price Range, with other, you can use Categories/Tags + a Mega Menu plugin. #2. With search icon Wich position you want to add it? Beside cart icon or login text? #3. Try WeGlot or this free guide to add 2/3 languages. https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template
  3. tuanphan
    @rafaelRA If you still haven't solved this, try these code by @creedon
  4. tuanphan
    Use this new code /* Homepage Mobile Carousel */ @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="61a3f20b4d0dd626ec6305de"] { ul { grid-template-columns: repeat(3,1fr) !important; } h2 { font-size: 17px !important; } a.list-item-content__button { font-size: 8px !important; }} }
  5. tuanphan
    Add to Design > Custom CSS /* resize mobile top image */ @media screen and (max-width:640px) { body.homepage .Parallax-item:first-child img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } }
  6. tuanphan
    Try adding this to Design > Custom CSS img.ProductItem-gallery-slides-item-image { object-fit: contain !important; }
  7. tuanphan
    You mean add one on this position?
  8. tuanphan
    Add this code to Design > Custom CSS to fix problem div#sidecarNav { z-index: 9999 !important; }
  9. tuanphan
    Not related, but have you tried this free guide to add 2 languages, it will be easier. https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template
  10. tuanphan
    Don't remove your code. Add this to Design > custom CSS > Then save & reload the site @media screen and (max-width:767px) { body.homepage .gallery-slideshow { height: 35vh !important; } }
  11. tuanphan
    Hi, You need to remove both banner on hover?
  12. tuanphan
    Hi, Design > Site Styles >> Adjust their line-height
  13. tuanphan
    You mean Change logo when overlay menu is open (on each page) (screenshot). Is this right? Keep original logo when overlay menu is close.
  14. tuanphan
    In your code, edit this line padding: 0px; to this padding: 0px !important;
  15. tuanphan
    Add to Design > Custom CSS [data-section-id="61968be61b95d0428debe6c8"] .section-background { background-image: url(https://static1.squarespace.com/static/61968ba483d7c14541409262/t/619fa1922c62ce4f831718e1/1637851538072/Pattern+01.png) !important; }
  16. tuanphan
    Try this new code The code will run on desktop only @media screen and (min-width:901px) { 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; } div#pageWrapper { margin-top: 150px; } }
  17. tuanphan
    If you share link to project page, we can help easier
  18. tuanphan
    Remove above code & add this CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1603480351374_12703+.row { display: flex; align-items: center; justify-content: center; } div#block-yui_3_17_2_1_1603480351374_12703+.row .image-block { width: 70%; } div#block-yui_3_17_2_1_1603480351374_12703+.row .col:not(.span-4) { width: 33.3333% !important; } }
  19. tuanphan
    What is password?
  20. tuanphan
    Can you share link to your site? I think we can achieve this with custom CSS
  21. tuanphan
    It looks fine here. Which space?
  22. tuanphan
    Add this to Design > Custom CSS /*First line bold */ .image-slide-title:first-line { font-weight: bold; }
  23. tuanphan
    Try adding to Work Page Header <style> figcaption.image-caption-wrapper { background-color: rgba(255,255,255,0.75) !important; } figcaption.image-caption-wrapper * { color: black !important; } </style>
  24. tuanphan
    Yes. The code run on desktop only. Because the text will be small on mobile. To make code run on all devices, use this code [data-section-id="6139da96d203ef247abc5142"] .section-background { width: 50%; margin-right: 50%; } [data-section-id="6139da96d203ef247abc5142"] { background-color: white; }
  25. tuanphan
    Can you share link to your site? We can take a look
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources