Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by CHRISTIANA000

  1. Site URL: http://www.peachycleanatl.com I need help with custom CSS for my Squarespace website! When I hover over a tab on the website, the dropdown menu shows up as normal, but if I click that tab the text in the dropdown is invisible. (see pics below for explanation). Here is the code I used to customize my navigation bar: // Spotlight Navigation Style // .header-nav-list:hover > .header-nav-item { opacity: 0.5; } .header-nav-list:hover > .header-nav-item:hover { opacity: 1.0; } // Spotlight Navigation Folder Style // .header-nav-folder-content:hover > .header-nav-folder-item { opacity: 0.5; } .header-nav-folder-content:hover > .header-nav-folder-item:hover { opacity: 1.0; } // Pill Active Navigation // .header-nav-item--active a { background-image: none !important; background-color: #84cc3c; color: #ffffff !important; border-radius: 50px !important; padding: 0px 20px !important; }
  2. Site URL: http://www.peachycleanatl.com I need to add a line of custom CSS to fix the way this floating section on my Squarespace site is displaying on mobile. (see below. also attached a screenshot of how it displays correctly on desktop). Here is the code I used to create the floating section. Please help! //Floating Section @siteWidth: 1400px; @siteMargin: 8vw; section[data-section-id="60e6fc7b6d268043414e0d0a"] { padding-bottom: 100px; & + section { position: absolute!important; min-height: 0!important; z-index: 30; left: 50%; max-width: @siteWidth; width: ~"calc(100% - @{siteMargin} * 2)"; transform: translate(-50%,-50%); } & + section + section { padding-top: 100px; } } //Floating Section Customization // section[data-section-id="60e704cc7f66c71f361a3e3c"] { box-shadow: 10px 10px 15px rgba(0,0,0,0.25); }
  • 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.