Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    32,834

  • Joined

  • Last visited

  • Days Won

    330

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Hi, Your site is private. You should setup password & share url again/ We can help easier
  2. tuanphan
    Add to Design > Custom CSS .sqs-announcement-bar-content { background-color: #16559c !important; }
  3. tuanphan
    @visionsbyfurks I see it looks fine to me. Or you want text side by side on mobile?
  4. tuanphan
    Try #enter-text-block-id p { margin-top: 0; } Use this tool to find text block id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en
  5. tuanphan
    Hi, I think you can consider use image on mobile only, use video on desktop. If you want this, I can give the code
  6. tuanphan
    Try adding to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function(){ var visibleTop = 30; $(window).scroll(function() { var scroll = getCurrentScroll(); if ( scroll >= visibleTop ) { $('#secondary-menu').addClass('tuan'); } else { $('#secondary-menu').removeClass('tuan'); } }); function getCurrentScroll() { return window.pageYOffset || document.documentElement.scrollTop; } }); </script> <style> .tuan { top: 0 !important; } </style>
  7. tuanphan
    Add to Design > Custom CSS @media screen and (min-width:992px) { div#gridThumbs { padding-left: 15vw; padding-right: 15vw; } }
  8. tuanphan
    @jakelyd Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-60b515f7da68ad5e09f52bb6 .span-4 { width: 50% !important; float: left !important; }}
  9. tuanphan
    Remove above code & this code @media screen and (max-width: 640px) { #homepagehi figure img { width:115% !important; left: 0 !important; height: auto !important } } Try adding this to Design > Custom CSS @media screen and (max-width: 900px) { #homepagehi figure img { width:100% !important; left: 0 !important; height: auto !important; } section#homepagehi { height: 200px !important; } }
  10. tuanphan
    Try adding to Design > Custom CSS .gallery-reel { padding: 0 !important; }
  11. tuanphan
    Hi, It looks like you sent me a private message & I answered this. If you haven't get the answered, follow this Edit h1 { background: url(https://media.giphy.com/media/0tWDVFcdRcf22jxjTx/giphy.gif) !important; background-size: cover !important; background-position: center !important; -webkit-background-clip: text !important; color: transparent !important } to h1:not(.ProductItem-details-title) { background: url(https://media.giphy.com/media/0tWDVFcdRcf22jxjTx/giphy.gif) !important; background-size: cover !important; background-position: center !important; -webkit-background-clip: text !important; color: transparent !important }
  12. tuanphan
    You can use this plugin to achieve the effect.
  13. tuanphan
    Hi, Do you still need help? 2 options to solve this Option 1. Add an Image under gallery, then use code to hide gallery on mobile, show image only Option 2. Use CSS background image to replace gallery with new static image on mobile only. For future comments, if you share site url, we can give code easier
  14. tuanphan
    Hi. Do you still need help?
  15. tuanphan
    Hi, Can you send it again?
  16. tuanphan
    Hi, You can to use Filter Plugin to recreate new sidebar filter. When selecting Category, it will immediately display on the current page without reloading the page, or opening a new page. It also allows to extend the features of the Filter, such as filtering by price, tags, sorting
  17. tuanphan
    #1. Add to Design > Custom CSS /* sticky product description */ @media screen and (min-width:992px) { section.product-details.ProductItem-details { position: sticky; position: -webkit-sticky; top: 0; } body.collection-type-products.view-item { overflow: visible !important; } } #2. You need to use Filter Plugin to recreate new sidebar filter.
  18. tuanphan
    Add to Design > Custom CSS .header-layout-nav-right .header-nav-list { display: flex; justify-content: flex-start; } .header-layout-nav-right .header-nav-item:last-child { margin-left: auto !important; }
  19. tuanphan
    Try adding to Design > Custom CSS button.Mobile-overlay-folder-item.Mobile-overlay-folder-item--toggle { line-height: 1em; margin-top: 10px; }
  20. tuanphan
    Hi, Option 1. When enter text, press Shift Enter, instead of using Enter to make new line Or Option 2. Add this to Design > Custom CSS /* footer text spacing */ div#block-yui_3_17_2_1_1634928867370_8583 p { margin: 2px; }
  21. tuanphan
    Hi, I don't see announcement bar. Can you enable it?
  22. tuanphan
    Hi, You mean gray bar under image on mobile?
  23. tuanphan
    #1. Use script code to move embed block into collage block #2. #3. #1. Can you share link to page where you added figma? We can check easier
  24. tuanphan
    Edit above post >> Add a Code Block on top of blog post >> Paste this code <style> article.BlogList-item a:hover { color: red; background-color: green; padding: 5px; } </style>
  25. tuanphan
    Hi, Can you share link to knowledgebase page? We can help easier
×
×
  • Create New...

Support

Community

Developers

Resources