Jump to content

Beyondspace

Circle Member
  • Posts

    10,889
  • Joined

  • Last visited

  • Days Won

    82

Everything posted by Beyondspace

  1. Creating 2 sections ,1st one is for desktop, 2nd for mobile. Using Css code to hide and display the appropriate section based on device
  2. Indeed, these above solutions in this post is just the Css (or SCSS) code. We set them in Home > Design > Custom Css
  3. May I PM to ask you few some questions about your requirement?
  4. 1. Kindly try using this header layout 2. Adding to Home > Design > Custom Css .header-nav { position: absolute; top: 5px; bottom: 0; margin-top: 0!important; margin-left: -50px!important; } .header-nav-item:nth-of-type(2) { margin-right: 340px!important; } .header-title-logo a { z-index: 1000; position: relative; } Let me know how it works on your site
  5. Can you share your site with the protected password so we can take a look?
  6. My idea is creating one page with 2 gallery sections or 2 image blocks that are linked to the Portfolio (A) and Portfolio (B). Hope it makes sense
  7. My suggestion is disable the clicking on this block with the following code on Home > Design > Custom Css body:not(.sqs-edit-mode) #block-yui_3_17_2_1_1658322712507_2208 { pointer-events: none } body selector to make sure it only affects on live-site, not in edit mode Hope it makes sense
  8. When do you want to redirect? Clicking on some button or something else?
  9. Which parts do you you want to set? Can you show me some screenshots?
  10. 8cc1cd49-138c-456f-b0cd-22439990ada0.mp4 This is my first try to approach your idea
  11. I think we can implement this layout via some steps: - Use Css to hide the header & footer only for this page - create 3 gallery sections - Using Css code display 3 section into 3 columns - Using pseudo element to set the caption for each section. ... Some additional codes also needs to be considered for the mobile display
  12. Try adding to Home > Design > Custom Css .ProductItem-summary .product-quantity-input,.ProductItem-details .product-variants { float: left; } .ProductItem-summary .product-quantity-input { margin-left: 5px; /*space between quantity and variants select*/ } .ProductItem-summary .product-quantity-input input { padding-top: 9px !important; padding-bottom: 9px !important; } .ProductItem-details .sqs-add-to-cart-button-wrapper { width: 100%; } Not sure what you mean on mobile. Can you describe it more detail?
  13. You can try the following code in Home > Design > Custom Css to overwrite the default setting .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { left: -1em; text-align: left; right: auto; } Let me know how it works on your site
  14. Do you mean aligning for the navigator menu?
  15. Can you take some screenshots of what you mean?
  16. Do you mean aligning the caption below? Try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { section[data-section-id="62c77a65bfc92508f6724275"] .list-section-title p { line-height: 1; } } Hope it helps
  17. Can you explain more detail about 'redirecting to their company'? It means their company website or something else.
  18. Try adding to Home > Design > Custom Css #collection-6280953e357b994502225cb2 footer { display: none; } Let me know how it works on your site
×
×
  • 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.