Jump to content

Agha_Waqas

Member
  • Posts

    133
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by Agha_Waqas

  1. @kaydotjpg opps sorry the code was wrong. please replace the span-5 to span-1. code will work
  2. did you apply my code? i did not see my code in CSS
  3. Hi, add below code into CSS editor @media (min-width: 768px) { #page-section-62975a23c3e91f4d2b20fc5e .span-5 { position: -webkit-sticky; /* Safari */ position: sticky; top: 13%; } }
  4. same thing you need to do via jquery. Add target attr like you add the href. $('a[href="/search"]').attr("target", "_blank");
  5. Hi, yes we can do that, Will you inbox me the image so i will see. though we can create that functionality with Custom Code (hmtl, css and js)
  6. Hi, i just write a code for your request, please applied below code into CSS editor and see if that works, for you, @media (max-width: 520px) { #block-yui_3_17_2_1_1636053602153_275376 { .sqs-intrinsic { padding-bottom: 20px !important; .sqs-intrinsic-content { height: auto !important; position: relative !important; .sqs-wrapper { width: 100% !important; heeight: auto !important; display: flex !important; flex-direction: column; .sqs-gallery-design-strip-slide { margin-bottom: 10px !important; } } } .sqs-gallery-controls { display: none !important; } } } }
  7. Hi, i just write a code for your request. please apply it on your CSS editor @media (min-width:751px) and (max-width:1024px) { .blog-basic-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
  8. Hi you can do this via CSS. Add below code into CSS editor [data-section-id="614251ce615b993943a8acb9"] .blog-basic-grid--text { display: flex; flex-direction: column-reverse;}
  9. Hi, you can do this via overflow hidden property of that section below is the code you can copy paste code into CSS editor [data-section-id="61841fb973f9a25df25f5cb4"] { overflow: hidden !important;}
  10. Hi. You need to add a piece of javascript code for that.
  11. Hi. Will you share the Password of your website. you need to use the z-index for that. add the z-index:9999; within your code. It will work.
  12. same code i just its working https://sponge-keyboard-cc4n.squarespace.com/ pwd: demo I applied code without JavaScript code. Remove the JavaScript code.
  13. hi. i just review the code. sometimes i also faces this problem due to the variable they took. @duration: 0.8s; May be that will be the issue. you need to add 0.8s to each code where it uses that variable. give it a try.
  14. hi i just reviewed your website and it seems like your custom code is conflicting this. below is the code which created the issue, #page .page-section:nth-of-type(12) { min-height: 20vh !important; height: 45vh; } Remove it and it will resolved.
  15. Hi. i review it and it seems like the custom code is blocking it. please remove below code from your CSS editor. .summary-thumbnail-container { pointer-events: none !important; }
  16. Hi, You need to remove the top padding of the section. below is the code. [data-section-id="611d47af4095211195eef4f4"] { padding-top: 0 !important; }
  17. Hi yes we can create this effect. will you share the website where you want to add it i will share you the code,
  18. hi, you can use below code into CSS editor to make the quick button and font size small. .sqs-product-quick-view-button { padding: 8px !important; font-size: xx-small !important;}
  19. Hi, You can simply add spacing between the "cart icon" and "back to top" buttons by following below code. so both buttons show on the bottom right corner with no mess. .floating-cart {bottom: 80px !important;} or if you want to remove the "back to top" the code will be in the Header code injection. go to settings> advance > code injection
  20. Hi, yes you can add it by using below code into CSS editor .header-menu--folder-list .header-menu-nav { border-top: 1px solid #000 !important; }
  21. ahh yes maybe you are seeing on wrong one. please check this "Malcolm DeFils" this team member and onwards.
  22. hi. i just check the source code it seems like the div you hide, it have space after the anchors tag,below is a code which is show in inspect element <a href="#" data-featherlight="#bio-nan"></a>&nbsp;&nbsp;</div> Remove this space it will fix.
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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