Jump to content

Shortline

Member
  • Posts

    13
  • Joined

  • Last visited

Shortline's Achievements

  1. AWESOME! All the banners look perfect. Thanks for taking the time to help me. Much appreciated.
  2. Makes sense. Here are the pages https://www.surfgranbury.com/charters https://www.surfgranbury.com/faqs https://www.surfgranbury.com/covid https://www.surfgranbury.com/contact https://www.surfgranbury.com/online-booking Thank you.
  3. The home page works but I'd like to have all the other pages do the same thing. Thank you.
  4. The home page not scales properly but not the other pages. Here's the CCS code right now: @media screen and (max-width: 767px) { body.homepage article section:first-child { min-height: unset !important; margin-top: 10vh; } } @media screen and (max-width:767px) { [data-section-id="6096a6121354e120a42ddc08"] { min-height: 20vh; margin-top: 10vh; } } I've also tried only this CSS: @media screen and (max-width: 767px) { body.homepage article section:first-child { min-height: unset !important; margin-top: 10vh; } } Neither seems to work. Thanks
  5. No luck. I've added the code but the image does not scale. The only CSS I have right now is: @media screen and (max-width:767px) { [data-section-id="6096a6121354e120a42ddc08"] { min-height: 20vh; margin-top: 10vh; } } https://koi-pufferfish-mn7c.squarespace.com/pass: surf Thank you
  6. no luck. I'm getting a syntax error on line 2. check out the attached image. thank you
  7. This is all I have for CSS @media screen and (max-width:767px) { body.homepage #page section:first-child { min-height: 20vh; margin-top: 10vh; } } @media screen and (max-width:767px) { [data-section id="6096a6121354e120a42ddc08"] { min-height: 20vh; margin-top: 10vh; } } Thank you.
  8. Thank you. Now I'm getting a Syntax Error on line 8 @media screen and (max-width:767px) { body.homepage #page section:first-child { min-height: 20vh; margin-top: 10vh; } } @media screen and (max-width:767px) { [data-section id="6096a6121354e120a42ddc08"] { min-height: 20vh; margin-top: 10vh; } } What did I do wrong this time? Thank you
  9. Sorry...I must be doing something wrong. Here's what I have now: @media screen and (max-width:767px) { body.homepage #page section:first-child { min-height: 20vh; margin-top: 10vh; } } @media screen and (max-width:767px) { 6096a6121354e120a42ddc08 { min-height: 20vh; margin-top: 10vh; } } The https://koi-pufferfish-mn7c.squarespace.com/faqs is section 6096a6121354e120a42ddc08 I'm not sure what i've done wrong. Thanks
  10. Thank you! I tried this code for the Charters page but it doesn't seem to be working... @media screen and (max-width:767px) { #block-249651d18bb132d522b0 { min-height: 20vh; margin-top: 10vh; } } What have I done wrong? Thanks again!
  11. Site URL: https://koi-pufferfish-mn7c.squarespace.com/ Hi There, I'm trying to figure out how to scale all the main banner images on the site. The code below worked on the home page but I don't know how to make it work on the other pages. @media screen and (max-width:767px) { body.homepage #page section:first-child { min-height: 20vh; margin-top: 10vh; } } I'm open to any new ideas. Below is the site info: https://koi-pufferfish-mn7c.squarespace.com/ pass: surf Thank you.
×
×
  • 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.