Jump to content

stressbunny

Member
  • Posts

    45
  • Joined

  • Last visited

Everything posted by stressbunny

  1. If you cannot get the SKU to show up via the settings then you could use JS to move it around if it appears on the page. You can achieve this if you: Have JS ability in your Squarespace package Can redo the titles to read something like "sku#title, e.g. SKUL22456#Vance & Hines Competitions Series...." (you need the # to be some kind of "marker" that tells JS where the SKU ends & the product name begins, so it needs to be something that would never actually appear in a SKU or a product title. Hash is therefore usually a good option)
  2. Your split nav doesn't work below 988px. That's when the nav moves to 2 lines. You're seeing this on your iPad due to its screen dimensions, but remember that it will appear like this for anybody on a smaller laptop screen or with a smaller browser window. Hamburger doesn't kick in until 800px or less. I suggest amending your custom CSS to lay the navigation out to work perfectly at 800px. Then test it see how it grows to fit a bigger screen, rather than the other way around. Otherwise, you'll want to change the media queries to have your hamburger kick in at 988px, which feels a little large to be switching to a mobile nav, but that's your call.
  3. If you want to keep the script, the first part sorts the footer issue, the other 2 for image width: @media screen and (max-width: 767px) { #page section:first-child { min-height: unset; height: unset; } .product-block .image-container img { position: relative; display: block; width: 50%; margin: auto; } .ProductItem-gallery { width: 50%; margin: auto; } }
  4. I spotted that but I can't see what's going on! I'll see if I can find what's causing it. Also, add this to the media rule too, for the "minor figures" images, which are slightly different to coffee/merch, but have the same sizing issue: .ProductItem-gallery { width: 50%; margin: auto; }
  5. You can add this to the end of your CSS (or to any existing rule for this width) @media (max-width: 767px) { .product-block .image-container img { position: relative; display: block; width: 50%; margin: auto; } }
×
×
  • 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.