Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'navigation'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 509 results

  1. Site URL: http://buffalobiketours.com Trying to figure out how to adjust the width of my navigation (using Foster in the Brine family). It feels constrained right now – I'm getting 3 lines of hamburgers instead of just one at the top. Any tips on how to remedy that? I'd just like all the navigation in 1 bar at the top
  2. HI there Does anyone out there know how to adjust the Rally Template Navigation Menu? When viewed on a vertical tablet, it splits over 5 lines with huge areas of padding on both sides. I would like it to split over two lines with reduced areas of padding. Thanks Black Widow
  3. Hi there, I'm using the Brine template, and I'm looking to move the mobile sign in from on the page (top-left, top-center, top-right or bottom-left, bottom center, bottom-right) into the navigation. Is there a way to do this? Not sure if I NEED custom code for this, just didn't know if there was an existing workaround for this. The reason I want to do this is because it shows up a little weird on iPhone X, XS, etc. with the larger screen size. I'd rather just have it in the mobile navigation–seems more intuitive anyway. Thanks in advance!
  4. Any custom CSS for decreasing the word spacing between items in the navigation? I like the typeface I'm using for it (source code pro), but some navigation items have two words and they're so far apart they look like seperate links. I switched my body text font for the same reason. If that's something that can be globally adjusted in CSS I'd like to do that as well. I'm running on a personal plan, site is under construction [hence the lack of link].
  5. Site URL: https://pletttruckrepair.ca/ I would like to have 2 phone numbers linked in the main navigation menu only on mobile, not on desktop. I would like desktop navigation menu to remain exactly as it is. Most answers for this type of thing are using collection id, but from what I understand that only works with pages not with external links (phone numbers in this case). SS 7.0 Bedford theme Any help would be much appreciated. @tuanphan (looks like you have provided solutions to very similar questions)
  6. Site URL: http://www.pentagon-orca-b5y5.squarespace.com Two navigation issues I'm running into using the Pacific template: 1. I am using a code to hide the first listing on my navigation bar but I'm running into an issue as it now seems that when I click on the header to go to that page, it's refreshing and loading twice before allowing me to stay on the page. Any way to solve this issue? 2. I am using a code for sticky navigation for the header and it's covering up my anchor links. Any fix for this?
  7. Site URL: https://www.chrisclearfield.com/conference I'm editing a website that I didn't build, and am having an issue where there is an annoying space between the header navigation menu and the body content. The theme is Brine. In site styles, the only option to adjust the padding is the make the header comically large to cover the space, but I can't figure out why I can't move the body content block up to the header otherwise. It looks like whomever set up the site used some custom code and I'm wondering if that's somehow interfering with the spacing issue. It's across all pages of the site. I'm not a seasoned coder and I'm working with a limited knowledge of it, so I'm hesitant to try to make changes without a little guidance first. I've uploaded screenshots of the page with the space visible and with the header enlarged to mask it. I'm working on a specific unlinked page, but the issue persists across the entire website. Can anyone offer some potential solutions to try and reduce the space since there is no option in site styles that currently affects it at all? Thanks
  8. Site URL: https://green-wrasse-ttt9.squarespace.com/ Hi -- I've looked all over and can't figure out why when I click on a folder drop down in mobile navigation, the back button does not take me back to the main page of navigation, only to a blank window with no links. Thoughts? I'm using the Almar tablet. There's nowhere in the SquareSpace customizations for the template to specific the address of this back link... very confused. Any help would be wonderful!
  9. Site URL: https://aam-web-sample.squarespace.com/ Hello - I am using 7.1 and my navigation links are long so I would like to put my social icons underneath my cart and button. I have tried some different CSS and cannot get it to work. I'm not a pro so I'm looking for help out there. Thanks! https://aam-web-sample.squarespace.com/
  10. So I have a site that's not yet active but I am trying to figure out how to make the navigation links when hovered over change color like a button does and be highlighted with a background color... for instance I also work with this company CarCultureTV.com to see how the nav works. Would this coding plus something extra make that work or is even possible with squarespace?
  11. Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner.
  12. Site URL: https://www.susanchalkermassage.com/ Hi Guys, I have added code in my header to link my folders in my navigation to an anchor on my homepage as I have created a one pager. Only the blog ,contact form and from Lomi Lomi in the dropdown of massages all goes to its own page. The issue I am having is ....It works at first as you will see when you go to the site https://www.susanchalkermassage.com/ but as soon as I Click the Logo to go to homepage and try and click on the Header links (Say I go to the About page, it says "This folder does not contain any pages."). Its also not linking on mobile at all. Did I add something wrong in my code or am I missing something. <script type="text/javascript" src="jquery-1.11.1.min.js"></script> <!-- Redirecting Testimonial on nav --> <script> Y.on('domready', function(){ Y.one('nav a[href="/testimonial"]').on('click', function(e){ e.preventDefault(); e.stopPropagation(); window.location = 'https://www.susanchalkermassage.com/#testimonial-home'; }); }); </script> <!-- Redirecting About on nav --> <script> Y.on('domready', function(){ Y.one('nav a[href="/about"]').on('click', function(e){ e.preventDefault(); e.stopPropagation(); window.location = 'https://www.susanchalkermassage.com/#susan'; }); }); </script> <!-- Redirecting Individualized Massage on nav --> <script> Y.on('domready', function(){ Y.one('nav a[href="/individualized"]').on('click', function(e){ e.preventDefault(); e.stopPropagation(); window.location = 'https://www.susanchalkermassage.com/#individualized-massage'; }); }); </script> <!-- Redirecting Location on nav --> <script> Y.on('domready', function(){ Y.one('nav a[href="/location"]').on('click', function(e){ e.preventDefault(); e.stopPropagation(); window.location = 'https://www.susanchalkermassage.com/#location-address'; }); }); </script> <!-- Redirecting Massages on nav--> <script> Y.on('domready', function(){ Y.one('nav a[href="/rates"]').on('click', function(e){ e.preventDefault(); e.stopPropagation(); window.location = 'https://www.susanchalkermassage.com/#massage-rates'; }); }); </script> <!-- Redirecting massages page --> <script> Y.on('domready', function(){ Y.one('nav a[href="/massages"]').on('click', function(e){ e.preventDefault(); e.stopPropagation(); window.location = 'https://www.susanchalkermassage.com/#massage-modalities'; }); }); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> function anchorLinks(){ Y.all("a.Mobile-overlay-nav-item").on('click', function() { Y.one('body').removeClass('is-mobile-overlay-active'); }); Y.all("a.Mobile-overlay-folder-item").on('click', function() { Y.one('body').removeClass('is-mobile-overlay-active'); }); if(!Y.one('.collection-type-index')){ Y.all(".Mobile-overlay-nav--primary .Mobile-overlay-nav-item:not(.Mobile-overlay-nav-item--folder')").each(function(){ this.on("click", function(){ var newURL = "http://"+window.location.host +(this.getAttribute('href')); window.location.href = newURL; }); }); } } function scrollToURLAnchor(){ setTimeout(function(){ if(window.location.hash){ $('html, body').animate({ scrollTop: $(window.location.hash).offset().top }, 600, function () { }); } }, 700); } Y.on('domready', function(){ anchorLinks(); scrollToURLAnchor(); if(window.location.hash != ''){ $('a[href*="#"].Mobile-overlay-nav-item').on('click', function(){ var newURL = 'http://'+window.location.host +$(this).attr('href'); window.location = newURL; }); } }); window.addEventListener('mercury:load', anchorLinks); window.addEventListener('mercury:load', scrollToURLAnchor); </script>
  13. Site URL: https://www.thevisualpharmacy.com/ Hey peeps, So iv'e got my test site live for you guys to checkout, I don't have much of a need for the hamburger menu that comes in once it reaches the media query at 991px. Iv'e tries adding code to the head of the page from my setting to git rid of it and get my normal social icons back up, but i think i'm targeting the wrong thing with my css? i can't figre out the problem. when I want to change something I usually run "inspect element" and figure out what I need to target from their. thanks for the help you guys.
  14. Site URL: https://www.adamhyattphotography.com So I am using a template that has plenty of space in the header for more pages to be displayed but apparently starts a new line after so many. Is there a way to keep it going all in one line? Page isn't active yet to post a link to.
  15. Hi, i'm almost ready to launch my page but I have i would like the index slide to loop back to the first slide instead of a hard/fast scroll how can i change the font size to the dropdown menus? note** I'm using a custom font caper-hypersphere-2ef9.squarespace.com password: whitebox2020
  16. Site URL: http://levitzmattress.com Hey everyone, I'm trying to get the folder name of my nav bar to link to other page. I know, I know, use <a href>. I did (I used this page for the how-to), and it worked great for a long time. Suddenly it stopped doing anything. It's like the code isn't there. If someone wouldn't mind, could you go to my site (levitzmattress.com). The "Mattress" nav button should take you to /mattresses-3, which is a guide to help get you to the right mattress. What is actually happening is that it taking you to /mattresses-1 which is just the main product page. What makes things even more complicated, is that its taking you to /mattresses-1 and only showing the Tempurpedic category, instead of all of them. Similar issues are happening with the Foundations and Accessories nav buttons. How can I fix this? If you go directly to http://levitzmattress.com/mattresses-1 it does the same thing; only shows you Tempurpedic. I have links in certain marketing assets that take users to this page. I want it to automatically show All categories upon arriving here. How can that be done? Any and all help would be greatly appreciated. Thanks! PS This is the Hyde template.
  17. Hello, How can I get the header on the index (home) page to have a transparent background so the photos are layered behind the text, while maintaining the white background on the other four pages and the fixed position overall? I'm using the Miller template, and the site is http://iggyrabinovich.com/. Thanks!
  18. Site URL: https://www.fsivirginia.com/ I went to update pages and see that my navigation bar is not loading properly. I don't want the three bars, just the in the header. I am not seeing it in the "design" tab at all. Is there something I am missing?? LOL...my brain in lockdown too long lol.. thanks
  19. Site URL: https://silver-porcupine-gp5t.squarespace.com Hello Squarespace Community, I am building a site using version 7.1 and am very close to finishing it! One of my last orders of business is to add a gradient to the navigation bar. The catch is that I want the nav bar to be transparent at the top of the page and then the gradient to show up when you start scrolling on the page. The gradient should fade from orange (#FF8700) on the left to bright yellow on the right (#F7FF00). Any help is much appreciated!
  20. Site URL: https://www.akivaprojects.com/ Hello Community, I need help with changing the font colour on some of my website pages. It's currently black on all pages but I need it white on some. Is there code for this? Thank you in advance! :)
  21. Site URL: https://www.daniellewickesjewelry.com Hi! Working in the Brine/Jaunt template and I have a question regarding the blog page/posts. When on a blog post is there a way to add navigation back to the blog page? The blog post has the arrows to go the “Previous” & “Next” blog posts, but no navigation options I can find to add a return to the blog page within the blog posts. What am I missing? Thanks in advance! Password: cre82020! Blog page: https://www.daniellewickesjewelry.com/patternstutorials Blog post: https://www.daniellewickesjewelry.com/patternstutorials/8th-post
  22. Site URL: https://groundhog-decagon-w8be.squarespace.com/ Site Password: Twilight450 Hello! I'm trying to change the way the animation works on the navigation links on my clients website. The default way it works with SquareSpace is, you click on the link and it takes you to a page, and when you hover over the link you're currently using (page you're on) it changes shade (lightens up, typically), whereas the other pages don't and are the same when hovered over. I want to make this the opposite, where all links react when you hover, except for the active link. Is there any way to do this using CSS?
  23. Hello! I would like to remove certain navigation items in the shopping cart page. - Template: Brine (Hyde) - Hide: Primary navigation items 4 and higher (nth-child(n+4)) - Hide: Secondary navigation item 2 (last-child) - Hide: Footer navigation items 5 and higher (nth-child(n+5)) All other pages work perfectly fine with hiding navigation elements using css codes and targeting their collectionid- and itemnumbers. But I can't seem to find out how to target the shopping cart page. Appreciate any help! Thank you. Sincerely, Berthold
  24. Site URL: https://bassoon-oleander-texb.squarespace.com/ Site password: 12345 Right now, I have a "SHOP" Button in my navigation bar that I moved closer to the Cart icon using CSS edits to its spacing. However, when the window size is reduced/expanded, it moves with the other navigation items and the spacing I'm looking for gets messed up. I've currently used multiple lines to edit the spacing based off the window size as a basic fix: @media only screen and (min-width: 1270px){.header-nav-item:nth-child(5){ margin-left: 280px !important; margin-right: 5px !important; padding-right: 10px !important;}} @media only screen and (max-width: 1270px){.header-nav-item:nth-child(5){ margin-left: 200px !important; margin-right: 5px !important; padding-right: 10px !important;}} @media only screen and (max-width: 1200px){.header-nav-item:nth-child(5){ margin-left: 180px !important; margin-right: 5px !important; padding-right: 10px !important;}} etc.... However, I'm wondering if there is an easier fix to this and have that particular nav item (SHOP) behave like the Cart icon and Donate Button when the window size is expanded/reduced - so that it remains right-aligned to the window in the same relative position. Same thing when it comes to the grey backdrop. Any and all help would be greatly appreciated!
  25. Site URL: http://katepullendraws.com Hello! I was wondering if someone could help me change my navigation links to images? I have a hand-lettered logo, and so wanted all my navigation to represent a similar style. My site: katepullendraws.com. Thank you!
×
×
  • Create New...