Search the Community
Showing results for tags 'navigation'.
Found 419 results
-
I want to show my navigation bar in list view like
-
Sorry if the title is confusing. I have a yoga studio client who has two locations. They would like the site to start from a landing page that gives you the option to click into either location. The user will then be given either version of a full identical website, with differing information on each page. Each of the identical sites will have a homepage and navigation. In order to keep this all on one domain rather than two, I'll need two separate main navigation bars - where I can decide which pages my nav of choice will appear on. Please help -
Trigger hamburger icon on scroll with Carmine template
Celina posted a question in Coding and Customization
Dear Forum! I would like to trigger a hamburger icon to replace the navigation bar on scroll, with the Carmine template. So: not only after the media breakpoint, but on desktop screens as well.. Attached are 2 screenshots: 1 of the desired result on scroll 1 of the navigation bar as it is now As you can imagine, i'm trying to get the heart logo (+ hamburger) to pierce right through the middle of the page while scrolling down. Needless to say that with the original navigation bar this becomes a visual mess.. 🙃 Can someone help? I would be ever so grateful! Thanks a bunch, Celina -
Hi, I'm using 7.1 and would like the menu items to align left when mobile menu folds out but cannot fint the CSS for this. Thanks!
-
Hi all, I'm trying to find a way to center the text in the hover/dropdown menu on a site using Brine. It's a folder in the primary navigation menu. I used the CSS from this thread but it's not working. Site: https://opossum-polygon-pjlg.squarespace.com/ Password: charliedog Template: Brine Any help gratefully received! Rikki
-
Connect Image Blocks for Continuous Lightbox Navigation
Capio posted a question in Coding and Customization
Hi, On my site I design each page using individual image blocks so that I can create the layout that best presents my work. I really don't like the way that the gallery pages or other options work, they just throw everything in with equal prominence. The problem is that there's no built-in navigation between image blocks once you've clicked on an image to bring up the lightbox. I'd like to know if there is a way to connect all of the image boxes on a page so that you can navigate from image to image without leaving the lightbox, by using the arrow keys. I'm not terribly fussed whether or not there are bullet points at the bottom to indicate the number of images, and I don't care for arrow buttons because I prefer to click off an image to close the lightbox as is the default. My site is Capio Photographie in case you'd like to see how I've built my pages. They're all done the same way. Thanks in advance for any advice or code -
Taking away underlining on button i added on nav
oskarfishwick posted a question in Coding and Customization
Hello, I have added a underline when i hover over my menu items. The code being .Header-nav-item::after { content: ''; background: #000; height: 2px; width: 0; display: block; margin-top: 2px !important; transition: width 1s; margin: 0 auto; } .Header-nav-item:hover::after { width: 100%; } Coming from https://thirtyeightvisuals.com/blog/hover-mode-menu-items But as i have made my last item on the nav as a button, i dont want the underlining to appear when i hover on that. Could someone give me a code to exclude this button from the underlining. Thank you! -
Auto change navigation button to newest blog post
welfaremike posted a question in Coding and Customization
I would like to know if there is a custom code way to make the button in my navigation bar to always link to the latest blog post? https://www.effinghamvillagewine.com The link above shows what I'm talking about. What I do now is just make the button for Wine of the Week into a link and manually change it every week. What I would like the button to do is to pick the latest blog post (we post the "Wine of the Week" via blog collection) and make the button link to the post automatically. We schedule our posts in advance and would like to change the button automatically as well. I don't want the button to go to the blog main page, just the latest blog post. -
Custom Code for Navigation Font on Pacific Template
tel posted a question in Coding and Customization
Hi all, I've been trying to create a custom font for my navigation and have been trying this: .Header-nav .Home {font-family:'FONT NAME'} @font-face { font-family:'FONT NAME'; src: url('SOURCE');} It doesn't seem to work, does anyone know how to code for this?-
- 1
-
-
- custom code
- navigation
- (and 2 more)
-
Hey! I'm using the new Squarespace 7.1 and am having some troubles finding any info on making the nav break at a certain point to enable the mobile hamburger icon for desktop. I don't want their typical nav for desktop, just wanting to have the hamburger icon across all devices. Thanks for any help! https://chameleon-porcupine-c7jc.squarespace.com/ password: 1234
-
Hi, in navigation menu I have Folder with pages in it, normally Folder wasn't clickable only submenu so few years ago I have added this code in to the folder title to make it clickable: <a href="/indoor-moebel">INDOOR</a> and it was working flawlessly till yesterday. On Brine template now opens up first page in a folder and on Supply template it does notting as it is by default... Please help I really need this click trough function!!! Thanks in advance -
How do you make a dropdown navigation folder clickable?
jasonbarone posted a question in Coding and Customization
I'd like to place a few Categories into a folder, and have the Main Link (the Folder itself) actually link to a Category too. How is that possible? Example: I need the Folder Link (Decorate) to actually take people to the Category for Decorate so I don't have to list it inside of the Folder. So basically my question is how do I turn the Folder Link into an actual link? I saw your other thread about this but it doesn't work if the links are External Links, which these are... Thanks!- 34 replies
-
- 10
-
-
- folder
- navigation
- (and 2 more)
-
Changing Navigation word "All" to another word...
FelixGundlach posted a question in Coding and Customization
Hey there, I wankt to change the word "All" in "all." in the navigation menu of my site. Can anybody help me out? Kind regards Felix -
Does anyone know what code I need to use to change the font of a FOLDER in the main navigation to a custom font? The font is working, and the css code I have works for the navigation menu, but only the ones that are not a folder. Many thanks for your help! Isabelle -
Hey! Wondering if I could get some code help on the site I design. https://www.zdigital.com/ I want to fix the nav to the top of the page when a user scrolls past the header, turning into a new color. #333333 Could not get the code in other posts to work for me on my site. I already have the following in CSS for other things. Not sure if I would need to change any of It if I'd need to body { text-align: justify }; p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; }; .collection-5e150xxxxx .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper { padding: 120px 0 80px; }; .sqs-block.form-block .form-wrapper input[type=submit], { background-color:#044971; color:#fff} .sqs-block.form-block .form-wrapper:hover input[type=submit], { background-color:#066399;color:#FFF };
-
I designed a site last year with multiple navigation font colors by adding this code into the title of each navigation item so that it looked like the attached picture: <font color="0c9e9f">About</font> Squarespace has since updated, and the code no longer works. The navigation colors are set to white again. www.ralphfarris.com Does anyone have a suggestion to fix this? I would really appreciate it!
-
Anyone have a custom CSS for centering site title with 2-3 navigation on both sides of site title in Flatiron template? My site : www.annafinocchiaro.com- 2 replies
-
- 1
-
-
- flatiron-template
- flatiron
- (and 3 more)
-
Make Brine Folder Navigation Keyboard Accessible
SJSchaidt posted a question in Coding and Customization
I am working with the Brine Template and want to make the navigation elements within the Header-nav-folder accessible via keyboard. Today, I am able to tab through these links; however, because the menu only expands upon hover of the parent folder, a user is unable to see that they are navigating through a sub-menu. This causes a huge accessibility problem for keyboard-only users. I couldn't find anything in the CSS that triggers this onHover for me to add an onFocus event handler, so I'm a bit stuck as to how to make this appear without the use of a mouse. Any help is appreciated! URL: www.lftphi.com -
Hey everyone! I've done a little bit of CSS but couldn't figure out why my announcement bar is overlapping my nav. And, on scroll it disappears. Can anyone help? I'm using Bedford family (Hayden template) https://verobranding.com/
-
Hello ! I'm wondering if there is any way to modify the index navigation tool in Brine template, so it can display sections titles at all time. I'm talking about this kind of side bar, displayed as dots, radio, or bars... The sections titles are only visible while you hover the dots. The idea would be to keep them visible, so it would look like a index side menu. Thank you !
-
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.
-
Disable the link on navigation folders in Brine template
slocreatives posted a question in Coding and Customization
Hello! Does anyone know how I can disable the link on the folder navigation? Currently when you click the folder it defaults and links to the first page in the folder. I do not want it to link to any page and act solely as a folder for the pages. Anyone know the code that will help me achieve this? I am using Brine. Thank you! Nikkole- 7 replies
-
- 1
-
-
- brine
- navigation
- (and 1 more)
-
How to force mobile menu to remain on desktop site - v. 7.1
Dario posted a question in Coding and Customization
Hello everyone, Can you please advise on how to force the mobile menu on a desktop? I am new to squarespace and trying to keep the hamburger menu on with all screen sizes. I'm using version 7.1 - and all online resources are based on a previous versions were you can edit mobile settings that are not available anymore. It would be great if you can suggest any tips or custom code. website: tarpon-reed-27ss.squarespace.com password: 1234 many thanks, Dario -
I'm working with the Indigo template. Are there ways to further edit the navigation bar? It seems to have a lot of padding that it doesn't use. For example, some of my page names that are under folders get cut off in the drop-down menu even though there is a lot of extra space in the menu itself. What can be done about this?
-
CSS for custom navigation and normal font in Foster Template
NMD75 posted a question in Coding and Customization
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';}
