Jump to content

JeffJ

Member
  • Posts

    6
  • Joined

  • Last visited

JeffJ's Achievements

Level 2

Level 2 (2/20)

0

Reputation

  1. Thanks @creedon! Appreciate you taking the time. What you gave me didn't work as is, but I did fiddle with it and was able to size the smaller code blocks to 81% which gets it PRETTY close to the same size as the others... but it isn't perfect depending on the viewport size you're looking at. That said, it's still way better than before. You can see for yourself here: https://www.snappi.tech/snappi-ads I used this (through trial and error):
  2. Hi @tuanphan! 🙂 Sorry to bump this again, I am showing this website around next week so want to try and make this page look better. Thank you so much!
  3. Thank you tuanphan! It does work better, but I'm not sure why the code blocks are resizing differently! Is there a way to reduce the padding between each block maybe? I attached an image.
  4. Site URL: https://www.snappi.tech/snappi-ads Hi everyone! I've made a bunch of code blocks that trigger a lightbox for some interactive content. You can see it here: https://www.snappi.tech/snappi-ads The problem is when in mobile, I'm unable to align them to two per row (which is way less scrolling) and for some reason, the sizes alternate. You can see in the attached image. Here's the code I use for each block: <center><a href="#/" data-featherlight="#snappicity-ad"data-featherlight="myiframe" data-featherlight-iframe-height="650px" data-featherlight-iframe-width="345px"> <div style="text-align:center; padding:0;"> <img src="https://www.snappi.tech/s/citytitle.jpg"></div></a> </center> <div style="display:none;"> <div id="snappicity-ad" style="text-align:center;"> <iframe src="https://play.snappi.tech/SnappiCity" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="650px" width="345px"></iframe> </div> </div> It might look a bit messy, I'm not a web developer but I google a LOT for Squarespace code and managed to repurpose lightbox code to show an iframe. 🙂 I would like to keep the sizes consistent in mobile, as well as have two per row. Really appreciate any and all help! Thanks, Jeff
  5. I'm also having this issue when using an iframe. I don't have any site-wide code injection hiding the footer. Nothing in the CSS. Only happens when I use a code block. Anyone know what's going on?
×
×
  • 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.