Jump to content

tuanphan

Circle Member
  • Posts

    64,963
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. It looks like you solved this? .t-social { display: flex !important; }
  2. Add to Design > Custom CSS div#block-yui_3_17_2_1_1616627248292_8738 { .image-block-wrapper { overflow: visible !important; } .has-aspect-ratio { overflow: visible !important; } .has-aspect-ratio:after { content: ""; display: block; border: 2px solid orange; position: absolute; top: -20px; left: -20px; width: 100%; height: 100%; }}
  3. Add to Last Line in Code Injection > Footer <script> $(document).ready(function() { $('.body-de footer.Footer input').attr('placeholder','Email'); }); </script>
  4. Try adding to Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="5fb0e5c29a1aef48f68c96ef"] { .section-background-content { z-index: 999; } .section-background-content .section-background-canvas { visibility: hidden; } .section-background img { visibility: visible !important; } & { min-height: unset !important; height: 40vh !important; } } }
  5. Just checked & looks fine to me. Can you share link to page in screenshot?
  6. Just add a portfolio pages, add projects, then share link to porfolio page, we will give the code to achieve similar layout
  7. Your site is private. Can you setup password & share url again?
  8. Hi. No button here. Try clearing browser cache & check again.
  9. the code .custom-html a { position: relative; display: block } .custom-html a:after { content: ""; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0 } .custom-html center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999999999999; opacity: 0 } .custom-html h2,.custom-html p { display: block } .custom-html:hover center { opacity: 1 } .custom-html:hover a:after { opacity: 1 }
  10. https://zachforeman.com/portfolio/apparel-design You want to make this page images show 1 column on mobile?
  11. Your site is private. Can you setup password & share url?
  12. Can you share link to page in screenshot? We can check easier
  13. Edit page >> Add a Code Block (anywhere) > Paste this code <style> @media screen and (min-width:960px) { section[id*='split-left'] .Index-page-content { position: relative; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky !important; top: 120px; min-height: 90vh !important; } section[id*='split-left'] { width: 50% !important; padding: 0px 0px; overflow: inherit; }} </style>
  14. You can consider forcing desktop menu appears on mobile (& remove burger). If you need this, just share site url, we can give the code
  15. You can consider forcing desktop nav appear on mobile. If you share site url, we can give the code to do this
  16. What is access password for support library page? We can check easier
  17. Add to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-display-desktop .header-actions-action.header-actions-action--cart').insertBefore('.header-display-desktop>.header-burger'); }); </script> <style> .header-actions-action.header-actions-action--cart:first-child { display: none; } </style>
  18. Add to Design > Custom CSS /* Mobile resize home video */ @media screen and (max-width:767px) { [data-section-id="61a7e28062079629f1554acd"] video { width: 100% !important; left: 0 !important; height: auto !important; } [data-section-id="61a7e28062079629f1554acd"] { min-height: unset !important; height: 30vh; } }
×
×
  • 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.