achristensen

Thank you so much @tuanphan! I appreciate it greatly!

Hi @tuanphan! This code was super helpful! I used it to create a separate gallery section to display on mobile, so I'll be able to have more control over the mobile arrangement. However, with this, I lost the padding for the header on mobile! Would you know some code to just shift the images of the section down? (see the mobile version of this page: https://www.andrewjchristensen.com/drawings). I tried adding a blank section above it, but it messes up the scale of the background image... I'd rather the background of the gallery section continue through the header continuously, hence just needing to shift the images down. *Little update: I tried adding this code, but it only moved the entire section down, leaving the header space empty/white. I'm hoping to keep the background of the section extended all the way to the top. I don't really know code, I'm just finding bits here and there and assembling them mimicking the sequences I've seen...

This worked beautifully! Thank you so much for the help. This is perfect 🙂

This worked! Thanks so much! I'm curious if you might have any idea how to now reduce the space below it... I'm afraid it's just going to be a restriction with Squarespace, as it seems that it inherited the same size bounding box as the initials, which needed to be a taller box, to accomodate the shape of the graphic. When I resize the box in the Squarespace editor for the mobile signature, then it makes the desktop box too short and cuts off the initial graphic. This is something I could live with, but the ideal would be to reduce the space between the social links. Thanks again for this code - I really appreciate it 🙂

Sure! I appreciate the help 🙂

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!