Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

  1. Tuanphan is a HERO and helped me out. In case anyone else is in need, here is the fix: /* Mobile Events */ @media screen and (max-width:767px) { .eventlist-column-date { width: 35% !important; } .eventlist-column-info { margin-left: 35%; width: 65% !important; }}
  2. Ah yes!!! Thank you! I noticed that this code was messing with it somehow: @media screen and (min-width:768px) { .header-menu-nav-item a {line-height: 0px!important; font-size: 2rem !important; margin: 3vw 0vw !important; So I now have it as: @media screen and (min-width:768px) { .header-menu-nav-item a { font-size: 2rem !important; margin: 1vw 0vw !important;} } In case this happened to anyone else 🙂
  3. Hi there! I noticed that on the stacked events page on mobile view has the date overlapping the event title. Is there anyway to fix this? site: https://www.lexiadamsmusic.com/shows (mobile view) Thanks for all of the help!!!
  4. Okay coming into this thread with a new issue: The only items in the navigation menu that are clickable are external links and not direct pages. I have an item called "Shop" and it's an external link and it's working on the navigation but nothing else is.. hmm.. *Editing to add that the nav items are working fine on mobile but not on desktop. My site is adriannexo.com Here is the code I currently have: //Hamburger Nav on Desktop// .header .header-burger{display:flex} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible;} /* menu links font and spacing on desktop only */ @media screen and (min-width:768px) { .header-menu-nav-item a {line-height: 0px!important; font-size: 2rem !important; margin: 3vw 0vw !important; }} /* Remove overlay scrollbar */ @media screen and (min-width:768px) { .header-menu-nav-folder.header-menu-nav-folder--active { overflow: hidden; } } /* Center logo on desktop */ @media screen and (min-width:768px) { .header-layout-branding-center .header-title a { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9999; text-align: center; }} Thank you all so much!!!
  5. I've finally figured out how to make external links in my navigation become italic. But now I'd like to figure out how to only target the last external link (maybe using "child"? new to css haha) Here is the code I have working now: .header-nav-item--external a { font-style: italic; } Any ideas on what to add to make it so only the word "STUDIO" is italic in my nav? Site is forhomeandharvest.com Thanks for any help!!!
  6. I'm having the same issue! Can't seem to change the width of an events page. It's much too wide for me. Here's the site I'm working on (password: Password): violet-beige-g2xj.squarespace.com/shows Here's her current site with a constraint width that we'd like: https://www.lexiadamsmusic.com/dates-of-shows Thanks for any help!!
  7. Site URL: http://www.kindredhomestead.com/blog My client wants the navigation font color to be white on top of the images she has as the background but some pages are gradient and the white navigation is lost into the background. I'm looking for some way to either target the font that's on a gradient background or on an image to change the font color. Here's a link to a page with a background image: kindredhomestead.com/home But then a few pages end up like this one: kindredhomestead.com/blog Any ideas? I don't want to target each individual page to change it because I'm sure she's going to add and remove pages frequently..
  8. Hi again! I noticed some tags that are two words such as "Home Tour" appear at "Home+Tour" due to the url. I've been trying to get a Replace() method to work but I haven't had any luck. I'm essentially just wanting to replace all "+" with " " (space). Would you happen to know?!
  9. THANK YOU!! This means SO much, I've been trying to figure this out for days and I just felt a massive relief when your code worked!! Bless!!!!
  10. Site URL: https://www.adriannexo.com/journal/tag/Travel I've been trying to figure out a way to add a title or intro onto the blog "tag pages" meaning when a viewer clicks on a tag such as "Drinks", the top of the page will say something like "Drinks". I thought it used to automatically have an intro that said "Posts in ___". Is there a way to add that back in? This is one of the tag pages I have. Not sure if CSS or a markdown block is the answer here but I'm hoping someone can help! -- https://www.adriannexo.com/journal/tag/Travel
  • 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.