Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,744

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Add to Design > Custom CSS /* Rename back */ span.Mobile-overlay-folder-item--toggle-label { visibility: hidden; } span.Mobile-overlay-folder-item--toggle-label:before { visibility: visible; content: "new text"; }
  2. tuanphan
    Add to Design > Custom CSS /* Stacked mobile footer links */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1639082713344_30712 h4 { display: flex; flex-direction: column; } a.menuop { margin-top: 5px; margin-bottom: 5px; } }
  3. tuanphan
    This will require JavaScript code. Can you share link to your site? We can tweak the code easier
  4. tuanphan
    Can you share link to page where you added Markdown? We can check easier
  5. tuanphan
    I see some items in footer align left, some align right, if you need to align left both, add this CSS /* Align Left Footer - Mobile */ @media screen and (max-width:767px) { footer.sections * { text-align: left !important; } }
  6. tuanphan
    Kate Scott used Squaremuse Tab Plugin. You can also use this plugin to achieve this (I just tested plugin on my demo site). Demo: https://tuan-brine.squarespace.com/vertical-tab?noredirect Pass: abc (I tested on SS 7.0, however the plugin supports both 7.0 & 7.1) -- (The answer contains an affiliate link, which means I will receive a small commission if you click and buy the plugin according to the link above.)
  7. tuanphan
    The text is a bit narrow on tablet. If you need to fix on both tablet + Mobile. Just change 767px in above code to 991px
  8. tuanphan
    isnot a good way, but you can try iframe in Code Block <iframe src="https://xn--strmrabatt-2cb.no/#dagensstrom" width="100%" height="500px"></iframe>
  9. tuanphan
    Okay. If you still need help with search bar, let me know, we will check it again
  10. tuanphan
    Yes. the code will work on Desktop + Tablet only
  11. tuanphan
    Which page do you have problem> It looks fine on Home/Art page
  12. tuanphan
    I think you need to use CSS peseudo to add content around image, then you can use CSS background gradient to achieve the request. Can you share link to page in screenshot? We can check easier.
  13. tuanphan
    No need to use custom code to achieve this. First, add a Line Block here. Then remove Line Block Then check again on mobile
  14. tuanphan
    To remove quantity/add to cart for above product >> Edit Product >> Edit Additional Info >> Add a Code Block >> paste this code <style> .sqs-add-to-cart-button-wrapper { display: none !important; } div.product-quantity-input { display: none !important; } </style> To move price under title, add this to Design > Custom CSS .ProductItem-product-price { order: 1 !important; } .product-variants { order: 2 !important; } .ProductItem-details-excerpt { order: 3 !important; }
  15. tuanphan
    Following... Not sure this is possible
  16. tuanphan
    Hi. It looks like you solved this? I see homepage desktop/mobile are using different logo
  17. tuanphan
    Your site is private. If you can setup password & share url again. We can check easier
  18. tuanphan
    Hi. What is access password?
  19. tuanphan
    @Luka Can you share link to homepage? We can check easier
  20. tuanphan
    @JustinSeimits You can add all anchor links to navigation, then we can use code to hide some items on desktop/hide some on mobile
  21. tuanphan
    Try adding this to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1635302311229_9385 .sqs-gallery-design-strip .sqs-wrapper { width: 100% !important; left: 0 !important; } }
  22. tuanphan
    Add to Settings > Advanced > Code Injection > Footer <script> (function() { document.querySelector(".first-name input").setAttribute("placeholder", "Name"); document.querySelector(".last-name input").setAttribute("placeholder", "CDSBC Number"); document.querySelector(".email input").setAttribute("placeholder", "Email"); })() </script>
  23. tuanphan
    Add this to Design > Custom CSS figcaption.image-caption-wrapper { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden !important; }
  24. tuanphan
    with anyone has this problem, you can add this CSS to Design > Custom CSS to override above CSS, then header/footer will be back /* bring back header footer */ .header, #footer-sections, header#header, footer.sections { display:block !important; }
  25. tuanphan
    Try adding this to Design > Custom CSS nav#mainNavigation { text-align: center; }
×
×
  • 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