Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,819

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    It looks fine to me now I see gap on mobile only, with mobile, try this CSS code @media screen and (max-width:767px) { .nested-category-tree-wrapper { top: 110px !important; } }
  2. tuanphan
    Can you share site url? We can check easier
  3. tuanphan
    Can you share link to page where you use these images? We can test code easier
  4. tuanphan
    You can make >3 rows, we can check easier
  5. tuanphan
    Can you share link to this page? We can check easier
  6. tuanphan
    Page still doesn't exist, or you haven't enabled it yet
  7. tuanphan
    Use this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { if ($(window).width() > 992) { $('.fe-block-5b8b9a8d9e014184ea1a li').attr('data-is-open','true'); $('.fe-block-5b8b9a8d9e014184ea1a .accordion-item__dropdown').addClass('accordion-item__dropdown--open'); } }); </script>
  8. tuanphan
    index.html link doesn't exist in Squarespace Homepage url usually be willowbranchkennel.com or willowbranchkennel.com/home
  9. tuanphan
    You can share link to page where you use video, we can check again easier
  10. tuanphan
    To add a space between text - button on mobile, you can use this CSS code @media screen and (max-width:767px) { div.sqs-announcement-bar-text em { display: block; margin-top: 20px; width: 100px; margin-left: auto; margin-right: auto; } }
  11. tuanphan
    To hide caption outside lightbox ,use this code to Website > Website Tools > Custom CSS figcaption.gallery-caption.gallery-caption-grid-strips { max-width: 100% !important; display: none; }
  12. tuanphan
    You try this https://forum.squarespace.com/topic/259523-mobile-buttons-and-links-require-2-taps-to-work/?do=findComment&comment=737991
  13. tuanphan
    With button, try use this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ setTimeout(function(){ $(".sqs-block-button-container").removeClass("preFlex flexIn"); }, 3000); }); </script> <style> @media screen and (max-width:991px) { div.button-block a:before { display: none !important; } } </style> I wrote this for a site yesterday, but I don't have an iPhone to test the code.
  14. tuanphan
    Can you share link to page? We can check easier
  15. tuanphan
    You can add this code under your current hover code div.header-nav-item>a { padding-left: 10px !important; padding-right: 10px !important; }
  16. tuanphan
    Which page in screenshot? I can't find this page
  17. tuanphan
    Add code to top of Custom CSS box.
  18. tuanphan
    With Personal Plan, you can add code to Markdown Block, However, not all codes work well, so if you want to try, you can share the link, I will check code
  19. tuanphan
    You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width: 767px) { .fe-block-yui_3_17_2_1_1708697400018_7171, .fe-block-a32664e2649c21bf4787, .fe-block-bfd55a35a41700d72f33, .fe-block-68ad8eed433dc715b7f7 { display: none; } .fe-65d8adad9394a8243ae81fc3, .fe-65d8afa5e81a4d338d154ffe { display: block; padding: 6vw; } .fe-block-yui_3_17_2_1_1708697400018_12057, .fe-block-yui_3_17_2_1_1708697400018_14024 { margin-bottom: 6vw; }} @media screen and (min-width: 768px) { .fe-block-a55e22292f952b01a4fe, .fe-block-b7dd6436c30150a67b96 { display: none; } .fe-65d8adad9394a8243ae81fc3, .fe-65d8afa5e81a4d338d154ffe { display: block; padding: 0 6vw ; } .fe-block-yui_3_17_2_1_1708697400018_12057, .fe-block-yui_3_17_2_1_1708697400018_14024 { margin-bottom: 2vw; } .fe-block-a32664e2649c21bf4787, .fe-block-68ad8eed433dc715b7f7 { margin-top: 3vw; }}
  20. tuanphan
    @BethanyBoss Try this code (for desktop) to Custom CSS @media screen and (min-width:992px) { .ec-cart-widget { top: 10px; right: 20vw !important; } }
  21. tuanphan
    You can use this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('a#site-title:contains("new")').text('<span class="new">new</span><span>thing | kansas city</span>'); $("a#site-title").each(function(){ $(this).html($(this).text()); }); }); </script> <style> a#site-title span:nth-child(1) { font-weight: bold; } </style>
  22. tuanphan
    I think you can code this with HTML/CSS in Code Block. If you want this, I will try convert it to HTML code in Code Block
  23. tuanphan
    You can add a Code Block, then I will move WeGlot into this Code Block. Currently I don't see any Code Block, so I will use code to move it under Text Block Use this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.header-actions.header-actions--right').clone().insertAfter('div#block-yui_3_17_2_1_1711541283237_26918'); }) </script> <style> .fe-block-yui_3_17_2_1_1711541283237_26918>div:last-child { display: none; } .fe-block-yui_3_17_2_1_1711541283237_26918 a.btn { display: none; } </style> and then check again to see if WeGlot still works or not
  24. tuanphan
    I see it is fine to me. See video: https://www.loom.com/share/937166a039a045e99b20c29881f99d7e
  25. tuanphan
    So you access the link and problems still appear or disappear? Just want to confirm problem from SS or custom code
×
×
  • 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