Darya

@paul2009 Thank your for the linked tutorial! Would you have the tutorial extended to drop-down menu items?

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.

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:

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.

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; }

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!

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!

Hello! Following! I am having the same issue on my websites - I would like to find a solution for this as well.