Jump to content


  • Posts

  • Joined

  • Last visited

StephanieWagner's Achievements

  1. It's fixed! Thank you again and I hope you have a wonderful Thursday!
  2. Sorry to bother you again. I took the code out of Custom CSS, but it is embedded. How do you remove it when you can't access it? "*/ Change dropdown menu ..... Pops up when the website loads and I deleted it from Custom CSS???? Thank you for any help or advice! You're amazing!
  3. Thank you! It still wants to throw an error? I was attempting to put the logo in the center of the header and split the menus. Then I wanted the drop down menu color to change once it was clicked. It there a tutorial that you know of that might can help? Again, thank you for your time.
  4. Here's the code I used: /* Change dropdown menu background */ .header-nav-folder-content { background: #5B614F !important; } /* =================================== SPLIT NAVIGATION STYLING =================================== */ @splitAfterItem: 3; @actionSize: 20px; @logoSpacing: 3vw; //Width at which nav will stack @media screen and (min-width:1200px) { //Dynamic Nav font size #header .header-nav-item { font-size: clamp(8px,calc(~".6vw + 5px"),18px); } //Split Structure #header .header-layout-branding-center-nav-center .header-display-desktop .header-title-nav-wrapper { display: grid; grid-template-columns:1fr auto 1fr; .header-nav,.header-title { grid-row-start: 1; } .header-nav { margin-top: 0; } .header-nav-item a { opacity: 0; transform: none!important; transition: opacity .3s linear; } &.has-nav .header-nav-item a{opacity:1!important;} .header-title{grid-column-start:2;} @splitOne: @splitAfterItem + 1; .header-nav:first-child .header-nav-list > div:nth-child(n +@{splitOne}) {display: none;} .header-nav:not(:first-child) .header-nav-list > div:nth-child(-n +@{splitAfterItem}){display:none;} //Left side nav .header-nav:first-child { display: block; text-align: right; margin-right: @logoSpacing; .header-nav-list { justify-content: flex-end; } } //Right side nav .header-nav:not(:first-child) { text-align: left; margin-left: @logoSpacing; .header-nav-list{justify-content:flex-start;} }}} //Give nav more width #header .header-layout-branding-center-nav-center .header-display-desktop { .header-title-nav-wrapper { flex: 0 0 calc(~"100% - @{actionSize} * 2"); } .header-actions{ width:@actionSize; flex: 0 1 @actionSize; max-width: @actionSize; } //hide left side nav when stacked .header-nav:first-child { display: none; } } /* =================================== end SPLIT NAVIGATION STYLING =================================== */
  5. I have the exact same issue. I wanted the logo in the center and used a tutorial. The code is popping up briefly and I'm not sure where to insert the tags? I would also love black lines on either side of the logo and wish there was a way to style those is as well. Here is the website: https://www.thetrellisvenue.com/ Any help would be greatly appreciated.
  • 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.