Jump to content

achristensen

Member
  • Posts

    7
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    achristensen reacted to tuanphan in One Portfolio for Desktop, One for Mobile   
    Add to Design > Custom CSS
    /* Mobile gallery padding - drawings */ @media screen and (max-width:767px) { [data-section-id="609d305aa07aef53b13b715b"] .gallery-grid.gallery-grid--layout-grid { padding-top: 40vw; } }  
  2. Like
    achristensen reacted to tuanphan in One Portfolio for Desktop, One for Mobile   
    @media screen and (max-width:767px) { [data-section-id="abcxyztuanphan"] { display: none; } } @media screen and (min-width:768px) { [data-section-id="abcxyztuanphan123"] { display: none; } } Create 2 sections, each section has specific ID.
  3. Like
    achristensen reacted to NYCEONE in One Portfolio for Desktop, One for Mobile   
    Hi @tuanphan
    I'm a little confused about your suggestion. How do you create a portfolio page with two sections (two sets of portfolios)?
  4. Thanks
    achristensen reacted to tuanphan in Change image depending on mobile vs. desktop   
    Edit above code to this
    /* Mobile about signature */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1615216321733_6156 { background-image: url(https://static1.squarespace.com/static/602ae91739fa1301bf08731d/t/6043889d513b644d69a0dcd9/1616353869049/?format=1500w); background-size: contain; background-repeat: no-repeat; } div#block-yui_3_17_2_1_1615216321733_6156 img { visibility: hidden; } div#block-yui_3_17_2_1_1615216321733_6156 .image-block-wrapper { padding-bottom: 20% !important; } }  
  5. Like
    achristensen reacted to tuanphan in Change image depending on mobile vs. desktop   
    Add to Design > Custom CSS
    /* Mobile about signature */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1615216321733_6156 { background-image: url(https://static1.squarespace.com/static/602ae91739fa1301bf08731d/t/6043889d513b644d69a0dcd9/1616353869049/?format=1500w); background-size: contain; background-repeat: no-repeat; } div#block-yui_3_17_2_1_1615216321733_6156 img { visibility: hidden; } }  
  6. Like
    achristensen reacted to Beyondspace in Change image depending on mobile vs. desktop   
    Could you post both signature image here? I can have some suggestions
  7. Like
    achristensen got a reaction from Beyondspace in Change image depending on mobile vs. desktop   
    Site URL: https://www.andrewjchristensen.com/about
    Hello! I'm wondering if anyone would know how to make a particular image swap for another image when viewed on mobile.

    The image in question is the graphic below the body text on this page: andrewjchristensen.com/about (the handwritten initials). I'd like the mobile version to have my full-signature (seen in the top navigation on my desktop site). On mobile the initials appear way too large, and also redundant with my mobile logo image.
    Any custom-code advice here? Thanks in advance!

×
×
  • 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.