Search the Community

Hello - I'm working on customizing the Jasper template (part of the York family). For some reason I can't seem to locate how to remove the "cart" link from my header navigation. Any and all help would be greatly appreciated. Thanks!

Hello! I am using the bedford template. This is my link: https://tuna-koi-f6np.squarespace.com/ I am trying to increase the space of the sides of my nav bar! So my logo and nav links are not so far apart! See image attached! I am not sure if that is adjusting the padding or margin in the css?

It looks like the 7.1 templates don't have an option for menu items in the header to fade when you hover over them. Looking for some custom CSS to make this happen.

I'm fairly new to CSS and I'm trying to figure out how to add custom font for the navigation and also the 'normal' font in the text box. Can anyone help?? This is what I have so far.... Also... what is the 'p' font? //ADDING HAVELOCK FONTS// @font-face { font-family: 'HAVELOCK LIGHT'; src: url('https://static1.squarespace.com/static/5e18e998a6a8c14066a834e0/t/5e190c7112be5b2164a3f91c/1578699889315/3AD48F_3_0.woff'); } @font-face { font-family: 'HAVELOCK MEDIUM'; src: url('https://static1.squarespace.com/static/5e18e998a6a8c14066a834e0/t/5e190e2812be5b2164a4282d/1578700328356/3AD48F_4_0.ttf'); } @font-face { font-family: 'HAVELOCK REGULAR'; src: url('https://static1.squarespace.com/static/5e18e998a6a8c14066a834e0/t/5e190d344c275445aaacdee3/1578700084635/3AD48F_6_0.woff'); } //ASSIGN FONTS// h1 {font-family: 'HAVELOCK LIGHT';} h2 {font-family: 'HAVELOCK MEDIUM';} h3 {font-family: 'HAVELOCK REGULAR';}

Is there no longer a way to increase navigation link size in 7.1? This whole "no site styles" thing is throwing me for an absolute loop. I feel like there's way less flexibility within templates.

Hello, i'm using a old ATELIER template that i still love. i did a mistake and did the reinitilization of the design of my page : the arrows of the gallery navigaton are on top of the picture now. i want to put back under the picture. I can't find this feature anywehre !! Can someone help me ? thanks a lot cheers

I am working on one of the portfolio templates. I would like it to say my name (in a header font) and then graphic designer (in a different font and color) The template is only allowing me to use the one it comes with. (just the my name) How can I add a text box in the header/nav so I can add graphic designer in a contrasting way?

Hi! I am using AVIATOR and I want to take the logo and navigation menu from other pages within my site. Is there a general code for other pages than the homepage? Many thanks!

In the past I've been able to use CSS and the mobile breakpoint to force a desktop nav into appearing as it does on mobile but with the Carson template I am stumped. I would like the hamburger nav to open up into a full page menu like it does on mobile - just on desktop. Is there a way to do this? There is no breakpoint style tweak with this template. Thanks in advance! I am also previewing it on a client site so it isn't live at the moment.

Hi, I would like to know the code to remove the shopping icon as I have replaced the "buy" button with and 'enquire' button that takes you to a form. Would love to know the code for this. I am using the Brine template.

Hi all, I want to hide my primary and secondary nav on the following Index page of my site. https://mandarin-lilac-j8jw.squarespace.com/yc-landing-page I tried a bunch of header-code injection(s) and nothing seemed to work. Template is Brine. Please advise!

Hi, I am using the Wexley template on my website joshakatz.com I would like to know how to enable the site navigation links at the top of the page while in Lightbox mode and also to know how to enable captions when in Lightbox mode. I found a bit of CSS script that added the captions but the links I've created in the description of each image are not clickable when it's in use. My photography is mostly of bands/musicians and I use the descriptions to link to their personal websites.

Hi all, does anyone know how to create a sub selection under a main navigation link? e.g. Swimwear>Men>Women Template is Ethan. Thanks in advance.

I'd like to force my Brine site to show a mobile hamburger navigation BUT I want to allow the title to be very large on a desktop (but proportionate on mobile). I can't achieve this by changing the mobile breakpoint, because this will make the title small. working here: https://lilac-plums-nn8j.squarespace.com/ password: bassoon

I have a folder in my primary navigation with 3 drop down options. When you click Navigation title for the folder it automatically takes you to the top page in the folder. I wondered if anyone had a way of linking a separate hidden page so when you click the navigation title it doesn't take you to any of the drop down options but a separate page.

Hi there! I wondering is it's possible to have a GIF appear when someone hover over an image link to a page? I have gifs right now as thumbnails but it feels like a bit much as I add more projects. So I'd like it to be a still image until you hover over to click on a project. https://www.lilianapenagos.com/ for reference. Thank you all!

Hi all! I'm looking for a specific navigation style, and could've sworn there was a template that had a navigation like http://www.richardprince.com/, screenshot attached. Anyone know what template it could be? Thanks!

I am looking to disable the click event that takes you to the first page in a navigation folder; I want this for all folders in my top navigation. I am using Mercer. I want to keep the hover and drop down actions but when you click the folder text it is not clickable and does not take you anywhere. I have found many replies to this on Google but SquareSpace must have reindexed/relinked their pages because all the links on the first page of Google linking to the SquareSpace forum are dead.

How do i go about customizing one link on my navigation bar? I need to make the last link to REGISTER for a conference stand out. Just making it a botton or different color could help. The site is diphilly.com using Adirondack. Thanks!

Hi, please see attached screenshot. I would like my SHOP menu folder to be in two columns with work for sale on the left (Sand Dunes through Books) and information about the work and additional items on the right (About Our Prints through Give the Gift of Art). Right now it is one long menu. At one point I searched this forum and someone posted custom CSS that broke folders into two columns. You could select which drop-down folder to turn into columns and how many columns. This was a great start but you could not determine WHERE the break occurred, it simply broke it up evenly so if I had more than 3-4 pages the product pages would spill over into the information column and be included on the right instead of the rest of the works on the left. Regardless, the link is now dead for this post and so I can not find the CSS script. Basically: I would like a custom CSS that allows me to always have my work for sale separated from the information about the work and make it manageable to sort related works/locations into columns in the future. Ideally, I would have a mega menu with ways to view collections by popularity, theme, etc. but that seems beyond SquareSpace's capabilities at this point (like so many things...). See second attached.

Hi First time posting 🙂 Looking to find out if I can add an image behind my top level navigation rather than just having a colour. This is the website https://begonia-pepper-2e75.squarespace.com/ password: hello It's using the Hayden template.

Hello. I am using the Ready template and my navigation is on the left available as a sidebar only when you click on the icon to expand it. I want it in the center of my homepage like most websites. I don't want to change my template and design, so is there a custom CSS I can use to make this happen? Thank you so much!

If you want to use custom font for Navigation, just copy - paste the following codes. Add code to Home > Design > Custom CSS 92 Templates Navigation Link Color - Hover - Active Color Avenue @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav nav ul li a { font-family: your-font-name; } Aviator @font-face { font-family: your-font-name; src: url(enter your font name url here); } nav#main-navigation ul li a { font-family: your-font-name; } Bedford Template Family Include: Anya, Bedford, Bryant, Hayden, Bedford @font-face { font-family: your-font-name; src: url(enter your font name url here); } #mainNavigation div a { font-family: your-font-name; } Brine Template Family Include: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. @font-face { font-family: your-font-name; src: url(enter your font name url here); } .Header-nav-item { font-family: your-font-name; } Farro Include: Farro, Haute @font-face { font-family: your-font-name; src: url(enter your font name url here); } .Header-nav-item { font-family: your-font-name; } Five @font-face { font-family: your-font-name; src: url(enter your font name url here); } nav#main-navigation ul li a { font-family: your-font-name; } Flatiron @font-face { font-family: your-font-name; src: url(enter your font name url here); } ul#nav li a { font-family: your-font-name; } Forte @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav ul li a span { font-family: your-font-name; } Ishimoto @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav #nav li a { font-family: your-font-name; } Momentum @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav ul li a { font-family: your-font-name; } Montauk Template Family Include: Julia, Kent, Montauk, OM @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav ul li a { font-family: your-font-name; } Native @font-face { font-family: your-font-name; src: url(enter your font name url here); } #navBlock ul li a { font-family: your-font-name; } Pacific Template Family Include: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific @font-face { font-family: your-font-name; src: url(enter your font name url here); } #mainNavigation div a { font-family: your-font-name; } Skye Template Family Include: Foundry, Indigo, Ready, Skye, Tudor @font-face { font-family: your-font-name; src: url(enter your font name url here); } .nav-blocks-wrapper div a span { font-family: your-font-name; } Tremont Template Family Include: Camino, Carson, Henson, Tremont @font-face { font-family: your-font-name; src: url(enter your font name url here); } #mainNavigation div a span { font-family: your-font-name; } Wells @font-face { font-family: your-font-name; src: url(enter your font name url here); } div#topNav ul li a { font-family: your-font-name; } Wexley @font-face { font-family: your-font-name; src: url(enter your font name url here); } div#topNav ul li a { font-family: your-font-name; } York Template Family Include: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York @font-face { font-family: your-font-name; src: url(enter your font name url here); } .site-navigation div a span { font-family: your-font-name; } Squarespace 7.1 Include: Novo, Pazari, Nolan, Utica, Cami, Matsuya, Nevins, Kester, Gates, Zion, Classon, Hawley, Suhama, Elliott, Otto, Tepito, Balboa, Beaumont, Quincy, Talva, Minetta, Falodu, Hester, Crosby, Ventura, Maru, Tresoire, Almar, Alameda, Patil, Stanton, Paloma, Fillmore, Palmera, Souto, Brower, Merida, Grove, Harman, Rivoli, Noll, Bergen, Degraw, Corrigan, Sackett, Lakshi, Pulaski, Suhama, Cailles, Colima, Barbosa, Clune, Irving, Suffolk, Clarkson, Lusaka, Bailard, Malone, Roseti, Euclid, Carmine, Wycoff, Harbor, Ocotillo, Fayette, Roseti, Dario, Soria, Morena, Rey, Lenoix, Bleecker, Vandam, Cruz, Kitui, Waverly, Vance, Orina, Chotto, Auburn, Juniper, Palmer, Atlantic, Iduma, Pine, Eldridge, Pulsaki, Amal, Suhama, Hart, Carroll, Noll, Hidano, Palermo, Cailles, Archer, Kearny, Sellwood, Essex, Mason, Gramercy Studio, Cole, Devoe, Randi, Zorayda, Manor Studios, Grant, Toledo, Hoyd, Troutman, Tantillo, Maqueda, Hemlock, Bogart, Florence @font-face { font-family: your-font-name; src: url(enter your font name url here); } .Header-nav-item a { font-family: your-font-name; } Made by Tuan

Hi I'm designing a website and have noticed that my navigation bar becomes distorted depending on the size of the screen and also when the window is minimized. I've attached to images below. Is there any way to code it to be fixed or to move to always be aligned no matter what kind of screen it's viewed on? What it looks like normally: And what it looks like on a smaller screen or minimized: Thanks in advance!! 🙂

I have a folder in my nav bar, which works great on desktop. However, it doesn't work for me on mobile. I need a way to have just the nav links that are IN the drop down menu folder on mobile. I really need a way to have the folder on desktop nav bar, but only the links in mobile. Any suggestions? I am up for any code injections, or custom codes that will accomplish something like this. My template is Mojave. Thank you in advance for the help!