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

Search the Community

Showing results for tags 'fixed-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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

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


Badges


Expert ID

Found 56 results

  1. Site URL: https://thebetterbecauseproject.squarespace.com/stories/ How can I get all links on a single page to open up a new tab? I've tried using this in the "Page Header Code Injection" <base target="_blank"/> But, it makes every link throughout the website to open up. Is there something else I can try with html, so that it would only open up a new tab for the links in a particular page?
  2. Site URL: https://cranberry-bison-yxfe.squarespace.com/ Hi there ! I'm building my first website ever on Squarespace, I'm almost finished with fixing the little details but I want to fix my navigation bar when scrolling on mobile. The logo is huge so I want to make it disappear and I just want to keep the hamburger menu icon on the top corner when scrolling down. I've tried to find solutions but it doesn't seem to be working with me... Thank you ! https://cranberry-bison-yxfe.squarespace.com/ password : tidyzenzen
  3. Site URL: https://www.vegapropertyemporium.com/home Hi, I'm trying to add a shadow to the bottom of my main menu/navigation bar on my website. It is a fixed menu that scrolls with the website. I would like it to be a black shadow https://www.vegapropertyemporium.com/home Thank you
  4. Site URL: https://kimusubimassage.com/ Hi everyone! Currently, the top part of every page on my website has a navigation menu of six buttons plus the "home" button. I can't figure out a way to make this menu sticky, so that when a visitor scrolls down, the buttons follow along the top. Note that this is for the desktop site. I was able to select an option for this for the mobile version. My workaround has been to add linked buttons for each of the other pages at the bottom of each page, but I would like to get rid of those. I would really appreciate an assist!
  5. Site URL: https://www.marionaandco.com Hello! I am trying to insert the fixed navigation on my desktop and mobile site. I have tried other custom css for templates in version 7.0 but I am using version 7.1 and it is not working. Could anyone please help me out? Thank you!
  6. Site URL: https://amal-testsite.squarespace.com Hi all In Squarespace 7.1, there is already build in options to choice both “fixed position” and “transparent” in EDIT SITE HEADER. BUT, it doesn’t work. When header is fixed, then transparency doesn’t work. Instead Is has default or choosen background color. so how do I set or code to get transparent header/navigation menu when it’s also fixed? test site: https://amal-testsite.squarespace.com password is: abcabc
  7. Site URL: https://www.core4.com.au/ Hi! Hoping someone can help with this? I'm trying to achieve the same functionality as this navigation bar in the link attached. Transparent but changes to a fixed position and colour when scrolling. Thank you!
  8. Site URL: https://presenttensebar.squarespace.com Hi there, I'm working in the Crosby template, and I'd like to remove the logo from the header when scrolling down past the homepage, leaving only a thin navigation bar at the top. Within the homepage, I've got different sections/links set up with anchor links within the homepage, but when scrolling down the full header with logo is too tall and blocks content. I've searched the forum but haven't found an answer yet. I'm trying to mimic the functionality of this site: http://www.lostlakechicago.com/ Site link: https://presenttensebar.squarespace.com Password: Derek Thanks so much!
  9. I'd like to add a sticky sidebar with anchor link navigation to one of the pages on my site, exactly like the "Navigate This Post" sidebar on this site: https://thirtyeightvisuals.com/blog/free-squarespace-plugins-meet-ghost#mgfsp-anchor-08 What's the best way to go about adding this?
  10. Site URL: http://www.classiccthomes.com Hi, Thank you for any assistance. On my site I have a top level navigation. It's Projects-Elements-WhatWeDo-Etc On the Projects and Elements menu items I have other items so the template uses a drop down menu (not sure that is the correct term). The width of that drop down menu appears fixed. I would like for it (the width of the menu) to scale (width wise) based upon the width of the menu items contained within the dropdown. What I really want is for the text not to wrap so each menu item will appear on one line. So, for Projects, the items contained within the drop down menu Antique Farmhouse Shingle Manor Kitchen BumpOut Etc I do not want, say, Kitchen Bumpout, to wrap. Not sure how to begin so I am grateful for any help. -ClassicCTHomes
  11. Site URL: https://www.thirty-square.com I'm trying to figure out how to set my header section to change from transparent to a solid colour but only when the page is scrolled. Can anyone help?
  12. Site URL: https://heartpainter.com/ Discovered a major mistake I'd made in redoing my heartpainter site. Might save someone else some trouble. I'm using Wells, so navigation is in the left sidebar. I had thought it would be convenient for viewers if I set the navigation sidebar as fixed, so they could hop to another page after they'd scrolled down a bit. Works great on desktop. On tablet, it made it impossible to scroll down the navigation to see some of the secondary nav. Even worse, it caused trouble with turning the tablet view from vertical to landscape. Totally wrecked the page. (Text overlapping, no images, just a mess.) Using the back button restored the proper landscape view, but still...awful! Simple fix was to uncheck the sidebar as fixed. Hope this keeps someone else from making this mistake.
  13. Site URL: http://www.the-proof.com hello - can anyone help me keep my navigation bar and header visible when people scroll down the page please? I am using Foster template Thanks
  14. Site URL: https://haddock-collie-439x.squarespace.com/services Hi, I am working in Brine in 7.0. I am using direct hyperlinks to create anchor links to individual sections of an index page. (See "Services" menu for an example.) Because I am also using a fixed header, when the link is clicked, the browser jumps to the correct section but the title and first few lines of text of the section are hidden behind the main navigation. Can't for the life of me figure out how to get it to bump down the required 120px to display correctly. Would love any help, please!
  15. Site URL: https://libbyconnolly.com/info Hello! Does anyone know how to create a custom nav where the menu items can be fixed into the page's corners? https://libbyconnolly.com/info I found this tutorial for the top nav, https://www.itssevenone.com/tutorials-for-squarespace-71/second-menu-squarespace, but anytime the page is resized the links all overlap/ stack on top of each other. I can't get them to stay fixed in place. This is the code I'm using from the above tutorial: .header-layout-branding-center-nav-center .header-title-nav-wrapper { flex-basis:100%!important; align:center!important; height:5vw; margin-top:-2vw; padding-bottom:1vw} .header-title-logo img { margin-bottom:-8.5%!important; margin-top:4vw} .header-nav-item:nth-child(2){ margin-left: 75vw!important; } Any help is much appreciated!! Thank you so much!
  16. Site URL: https://Santisuk.Squarespace.com Hey everyone! I'm new to working with Squarespace code, so I don't even know where to start. I'm currently working on making a school website that's separated out by different "sites". So they have one shared website but multiple subpages within it. What I want to do is make a custom navigation bar per "site". So that means each school would be separated out by their content. I know I can do folders that separate them, but I'd rather create a feel of it being it's only little mini-website. Is this possible at all? A follow-up to this is that the website is multi-lingual. Would this same concept work for both the English and Thai copies of the pages? So the navigation bar changes language based on view?
  17. Site URL: https://Santisuk.Squarespace.com Hey everyone! I'm new to working with Squarespace code, so I don't even know where to start. I'm currently working on making a school website that's separated out by different "sites". So they have one shared website but multiple subpages within it. What I want to do is make a custom navigation bar per "site". So that means each school would be separated out by their content. I know I can do folders that separate them, but I'd rather create a feel of it being it's only little mini-website. Is this possible at all? A follow-up to this is that the website is multi-lingual. Would this same concept work for both the English and Thai copies of the pages? So the navigation bar changes language based on view?
  18. Site URL: https://www.massifcap.com On some pages after scrolling, there is a floating gray bar beneath the banner image. How can I get rid of this? Example page: https://www.massifcap.com/philosophy Thank you awesome Squarespace community!
  19. Hello Everyone! New to Squarespace. Was wondering if there were any way to have images replace text for page links in the header navigation? For example...if I have the text "Home" as my first link in the header navigation...could I theoretically replace this with an image of a "Home" that links to the same page? Whether it be with proprietary Squarespace options or CSS/Java...I can't seem to find a method to accomplish this with. Thank you for any help in advance!
  20. Site URL: https://oriole-cowbell-8s27.squarespace.com/ Password to access the website : sophrologie Hi, I have an issue with my mobile version. The laptop version has no display problem. On my mobile, The first page (welcome page) appears ok. But then, on each page i have a blank space between the navigation bar and my content (or image with the yellow line). I would like to reduce those blanks but i don't know how to do it. I have added thanks to tutorials those things in order to have a fix navigation bar, and that reduce when i scroll down, and parameters for my mobile. In CSS: .Header.Header--top { position: fixed; top: 0px; z-index:1000; width:98.6%; box-shadow: 0px 2px 3px rgba(0,0,0,0.1) } .Intro {padding-top:100px;} .Index {padding-top:150px;} .Main {padding-top:100px;} .Main.Main--page {padding-top:100px !important;} .Main.Main--blog-item {padding-top:100px !important;} @media only screen and (max-width: 480px) { .Main {padding-top:0px !important;} .Main.Main--page {padding-top:0px !important;} .Intro {padding-top:0px !important;} .Index {padding-top:0px !important;} } In advanced parameters (code injection), header : <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).on('scroll', function() { if ($(document).scrollTop() >= 1) { $('.Header-inner').css('padding-top', '1px').css('padding-bottom', '1px').css('transition', '0.3s'); } else { $('.Header-inner').css('padding-top', '').css('padding-bottom', '').css('transition', '0.3s'); } }); $(document).on('scroll', function() { if ($(document).scrollTop() >= 1) { $('.Header-branding-logo').css('width', '105px').css('transition', '0.3s'); } else { $('.Header-branding-logo').css('width', '').css('transition', '0.3s'); } }); $(document).on('scroll', function() { if ($(document).scrollTop() >= 1) { $('.Index').css('padding-top', '60px').css('transition', '0.3s'); } else { $('.Index').css('padding-top', '').css('transition', '0.3s'); } }); </script> If you can help me thanks a lot !!!!!
  21. Site URL: https://runatitshouting.co.uk/allevents?category=WORKSHOPS Please can someone let me know how I can remove the "Filtering by: Workshops"
  22. Site URL: http://www.elbuhololava.com Hi! As you can see in the last child of the NAV the scroll down option is shorter than the upper "button", how to i make a longer background for the drop down list to match the upper section.
  23. Site URL: https://cranio-fm.ch/ Hello there! I have this two language site. I created the menu with folders instead of putting the pages in the main navigation. The reason is that I don't want the two languages showing up in the top menu section. You can now see the different pages which are in the folder appearing on the left side of the page which is good. When scrolling up or down however, the folder moves with the page instead of staying in place. Is there a possibility to fix the navigation folder by injecting additional code? Thx! F
  24. Site URL: https://www.biocleandd.com I have a fixed header (Brine Template) that looks great everywhere - except on Internet Explorer (my client is amoung the 4 people in the world that still use that). The header covers the top of each page. Anyone have a work around, settings or code fix?
  25. Site URL: https://fife-deer-hznw.squarespace.com/ Hi. I have added a fixed header nav, and now I'd like to get the announcement bar to sit just above the header. Right now the announcement bar is overlapping with the header nav. Here's what is in my CSS... what am I doing wrong? .Header.Header--top { position: fixed; top: 0px; z-index:1000; width:100%; -webkit-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); -moz-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); } main{ padding-top: 200px; } ajax{ z-index: 9999; } @media only screen and (max-width: 1000px){ main { padding-top: 0px; } } @media screen and (max-width:828px) { .sqs-announcement-bar-dropzone p { font-size: 15px; letter-spacing: .7px; line-height: 180%; } } .sqs-announcement-bar-dropzone { position: -webkit-sticky; position: sticky; top: 0; z-index: 10001; } .show-on-scroll-wrapper.show { display: none; }
×
×
  • Create New...