Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Content Count

  • Joined

  • Last visited

  1. Thank you tuanphan - got this to work building from your code! In case anyone else ever finds this, here's what I ended up with: @media screen and (max-width:767px) { .homepage #page section:first-child > div.section-background > img { object-position: -680px -200px !important; height: 56em !important; } } Difference in the selector was I had to add "> div.section-background > img" to select the background image in particular. This was necessary to apply the object-position adjustments to move the positioning of background. Note that the !imp
  2. Site URL: https://www.campuspa.com/ If you visit the site on mobile, when you scroll down from the top of the page, the background image and header text "grows" a bit for the first ~1.5cm of scrolling before finalizing in a slightly larger size. It looks pretty messy and I can't figure out how to fix it. I thought it might have something to do with having a fixed header, but I tried changing the header settings to no avail. Any suggestions greatly appreciated!
  3. Site URL: https://www.campuspa.com/ I'm using a few images at the top of pages as a backgrounds. The positioning of the image is awkward on mobile, so I want to shift the position of the background image. Here's the code I have right now: @media screen and (max-width: 640px) { #sections :nth-of-type(1) { background: red; } } So far as I understand, this is supposed to select just the section of the page at the top with the image and turn the background red (just for show, to see if it works). However, this changes the background of the entire homepage red inst
  4. @paul2009 you are a legend. Great blog post, was exactly what I was looking for.
  5. Site URL: https://coral-bumblebee-7bh4.squarespace.com/ I have a lot of custom CSS code to adjust things. I'm using the yui ID from the html element (e.g. "yui_3_17_2_1_1597110450591_629") to select specific objects to apply edits to. However, after I make an edit to the site, all of the "yui_7_..." ids change, so I lose all my CSS edits. Does anyone know a workaround for this?
  • Create New...