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

tuanphan

Circle Member
  • Posts

    32,834
  • Joined

  • Last visited

  • Days Won

    330

Everything posted by tuanphan

  1. Hi, Your site is private. You should setup password & share url again/ We can help easier
  2. Add to Design > Custom CSS .sqs-announcement-bar-content { background-color: #16559c !important; }
  3. @visionsbyfurks I see it looks fine to me. Or you want text side by side on mobile?
  4. 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. 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. 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. Add to Design > Custom CSS @media screen and (min-width:992px) { div#gridThumbs { padding-left: 15vw; padding-right: 15vw; } }
  8. @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. 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. Try adding to Design > Custom CSS .gallery-reel { padding: 0 !important; }
  11. 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. You can use this plugin to achieve the effect.
  13. 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. 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
  15. #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.
  16. 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; }
  17. Try adding to Design > Custom CSS button.Mobile-overlay-folder-item.Mobile-overlay-folder-item--toggle { line-height: 1em; margin-top: 10px; }
  18. 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; }
  19. Hi, I don't see announcement bar. Can you enable it?
  20. Hi, You mean gray bar under image on mobile?
  21. #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
  22. 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>
  23. Hi, Can you share link to knowledgebase page? We can help easier
×
×
  • Create New...