Jump to content

Darya

Circle Member
  • Posts

    11
  • Joined

  • Last visited

1 Follower

Personal Information

  • Location
    Los Angeles, California

Recent Profile Visitors

535 profile views

Darya's Achievements

  1. @paul2009 Thank your for the linked tutorial! Would you have the tutorial extended to drop-down menu items?
  2. Is there a way to make the navigation menu items scale in size (font gets smaller) when in tablet mode? The idea is to have the font get slightly smaller to prevent breaking into two lines when on tablet right before mobile.
  3. Tuan, I would like to bring the on-hover line animation into the dropdown menu items and for the "active" top menu items to match. Is this possible? Homepage: Our Story:
  4. Hi, It's partially there - the items in the drop-down menu are showing up all together with the top folder item. Thank you for your help.
  5. Yes, I've removed the nav code. FYI I'm also styling the drop-down menus with the following code, ok to keep for now? // HOVER STATE NAV LINE .header-nav-item { position: relative; } body:not(.header--menu-open) .header-nav-folder-content { background-color: white; } .header-nav-item::before { content: ""; position: absolute; display: block; width: 100%; height: 1.5px; bottom: -8px; background-color: #000; transform: scaleX(0); transition: transform 0.4s ease; } .header-nav-item:not(.header-nav-item--active):hover::before { transform: scaleX(1); } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a { color: #000 !important; opacity: 0.8; } // MENU INVERT .homepage .header-nav-item { filter: invert(1); -webkit-filter: invert(1); } .homepage .header-title-logo img { filter: invert(1); -webkit-filter: invert(1); } // TRANSPARENT DROPDOWN .header-nav-folder-content { background-color: transparent !important; }
  6. Hello, Here is the access to the website, it's on a business plan: d-a-pro.squarespace.com pw: papaya-triangle Thank you in advance!
  7. Site URL: https://demo.flothemes.com/velvet-template/ Hello, I would like to create a split navigation of 6 items (3 on each side) which is responsive and the navigation items are related to the logo. Example of responsiveness of the split navigation around logo is this: https://demo.flothemes.com/velvet-template/ Is it possible to create something from this code (see below) but with the smooth responsiveness of the example above? (Code source: https://stnsvn.com/blog/how-to-make-a-split-navigation-in-squarespace-71) .header-nav { position: absolute; top: 5px; bottom: 0; margin-top: 0!important; margin-left: -50px!important; } .header-nav-item:nth-of-type(3) { margin-right: 340px!important; } .header-title-logo a { z-index: 1000; position: relative; } Thank you!
  8. Hello! Following! I am having the same issue on my websites - I would like to find a solution for this as well.
×
×
  • 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.