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

Search the Community

Showing results for tags 'navigation'.

  • 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

  1. How to make mobile layout show navigation text instead of the two lines to expand? so pretty much I want to have the same navigation view experience as the website view where its not collapsed.
  2. Site URL: https://www.rainbowbridge.love/ Hi I am hoping to have a custom navigation for my shop. Right now I have it set up as one folder and many links to different categories, what I would like it to look like is 4-5 main categories and then each of those drops down to a subcategory. Or even the main category is bold and the subcategory is smaller. Is there a way to make the drop down text smaller than the main nav and make subcategory folders smaller than the category names? What I want is Shop -Rapeh All Rapeh Blends Rapeh Kits
  3. Site URL: https://www.literally-unbelievable.com Many blogs have a simple navigation menu at the bottom of the page allowing you to jump to a certain page of older blog entries. Is there a way to do this on Squarespace? Here is an example of what I mean:
  4. Site URL: http://www.logancreekdental.com/about We had built this site with a transparent header that has a fixed position with the fixed header style set to scroll back. The goal was to ensure the header/navigation is visible on page load + hides as your scroll down the page + shows up as you scroll back up. All of this functionality still works however until today when you scrolled back up the site showed a background for the header until you reached to the absolute top of the page, at that point it faded the background to transparent as intended. Today this behaviour changed (without any
  5. Site URL: https://www.sienaleigh.com/ Hello! I have been using the following code to have a transparent header on ONLY my homepage for quite a few sites, and after this last release it no longer works. Is anyone else experiencing anything similar, and do you have ideas for workarounds? //transparent header on hp// .homepage .header-announcement-bar-wrapper { background: rgba(0,0,0,0) !important; } Here is an example of a site using this code that worked prior to the last release https://www.sienaleigh.com/
  6. Site URL: https://www.zealoustravelco.com UPDATE ---> SOLVED Hi! Can anyone help me with my transparent header (w/ blur effect) that suddenly stopped working? Here is the CSS that worked until I randomly checked website today: /*FROSTED GLASS NAVIGATION BAR*/ body:not(.tweak-transparent-header) .dark .header-announcement-bar-wrapper { background-color: rgba(0,0,0,.2)!important; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); padding-top: 8px; padding-bottom: 6px; transition: background-color .15s ease;
  7. Site URL: https://www.davai.squarespace.com Hi I am wondering how i move the navigation bar below the first section/banner. I have seen this done on many websites, including ones, made with squarespace, although they could be done on version 7.0. The website, on which i want to add this effect is davai.squarespace.com (password: davai) The effect has been achieved on our current website (davai.dk) for reference, but that is running on wordpress. Another example is https://harlow.showit.site/ I am sure this question has been raised before, but i have not been able to find a
  8. I'm trying to change the colour of the underline in my navigation so that it's different from the text. I've added custom CSS to make the whole item gold when it is active, but I just want the underline to be gold. Any help?
  9. To anyone who can help! I want the navigation bar to be in one line, but as soon as the window is not big enough - even if there are plenty of rooms - the navigation links become 2 lines (screenshot attached). I already set the Header Layout to "Full" width and not "Inset", if there's a code I can use to span the navigation links from edge of the contents, please help! Thanks in advance.
  10. Site URL: https://moose-semicircle-6ext.squarespace.com/ Hello! I'm looking to achieve a gradient fade behind my navigation as I have a full width carousel. So I've used this code (found on another post here): .Header {background: rgb(245,245,245);background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%);} header { position: fixed !important; width: 100%; z-index: 99999; } @media only screen and (min-width:640px) { main { padding-top: 80px; } } .Footer {background: rgb(253,177,57);background: linear-gradient(180deg, rgba(2
  11. Site URL: https://haddock-cone-l4w2.squarespace.com/config/ I need help with this navigation in 7.1 I wanted to split the navigation around the logo - and still use a button for Book Now. I am unable to get the button in alignment with the other nav items. What do you suggest to get the button to lower down to the same line? TYIA Here is the code I used to split the nav: //navigation// .header-layout-branding-center-nav-center .header-title-nav-wrapper {flex-basis:100%!important; align:center!important; height:4vw; margin-top:6vw; padding-bottom:7vw} .h
  12. Site URL: https://jewishforgood.squarespace.com/ PW: JewishForGood I put this code into my CSS to make my navigation sticky and with a shadow effect. It works well, but it reveals the footer background color (?). I can adjust the last part (.Content-outer...) so that the background of the footer doesn't show, but then it covers up some of my page content. Any ideas? Thank you! //Fixed Header .Header--top { width: 100%; position: sticky; position: -webkit-sticky; display: block; top: 0px; left: 0; z-index: 9999; -webkit-box-s
  13. Site URL: https://www.richardgreencreative.com Hi All Trying to edit how my website displays on mobile. I have a red primary button in my navigation menu in desktop mode. Mobile mode is forcing this to a white/no background colour and I don't like how it presents. How do I target the button background colour for mobile only so that it has the same red background on mobile. My second issue is that my text on my Wedding Films page is having some alignment issues. I like how it's presenting on desktop but would like all the text to be center aligned o
  14. Hi all, I want to have hand drawn navigation titles on my site and under in the drop down menus as well. Can this be done? Any help very welcome 🙂
  15. Site URL: https://www.ftctx.org/socks Is there a way to make the products page navigation sticky so that when people scroll they can still change to another category? Currently it is fixed at the top and just scrolls away.
  16. Site URL: http://www.fitaf.co Hi all, Anyone have any lying around css for adding a background image to the slide out nav on the indigo template of skye. 🙂 thank u for the help!! Jason
  17. Site URL: https://mox-media.squarespace.com/ I would like to have my logo and main navigation items centered on the page on desktop. It is currently placed on the left, and no matter which css codes I try, I cannot make it work. Ideally I would want the logo on top, and the main navigation items place under the logo if possible. I am using Squarespace 7.1 but I am not sure what the name of the theme is. Thanks in advance!
  18. Site URL: https://dahlia-squid-9j69.squarespace.com/ Hello is there a way to use CSS to have your header navigation to look like..........nav links>>>>>>Logo>>>>>nav links? Example website would be https://www.linkaodom.com/. Have been searching for a plugin or something, but can't seem to find anything. Thanks in advance!!
  19. Hi Guys, I've tried to work this one out but there's too much going on in the code. Basically I want text the text block to show when the coloured box is hovered over (They are separate blocks, see image). Ideally the text should fade in and fade out on contact. Currently the box serves as a navigation. I have the block identifier plug in on chrome. Please help!! Thanks Hamish
  20. Site URL: https://ferret-banjo-gtpm.squarespace.com/ Password for site is : "incognitosearch" My primary navigation links are squished right up next to my secondary nav link and no matter how much I fiddle with the navigation padding settings they just wont budge! Any help would be appreciated. Thanks
  21. Site URL: http://www.whoiscooper.com/ I'd like my navigation to disappear when scrolling down, and reappear when scrolling up.
  22. Site URL: http://studioslur.com Site Password: studioslur1234 Just wondering if anyone could provide me with the custom CSS to change the width of my mobile menu? It stick too far out to the right. Thank you 😄
  23. Hi, we are redoing our website and having trouble editing the header in the gardiena 7.1 template. ATM the logo and navigation bar are centered which is not ideal. At least the social media buttons are top left which is where we want them. The aim is to: 1. have the logo top left with social media buttons underneath. 2. Have the navigation buttons top right. HELP! We have been looking for a solution for the past two days and not very experienced with changing HTML/CSS
  24. Site URL: https://www.bluekoilimited.com/home-test Hey Guys, How do I hide the Navigation bar in 7.1 using Degraw template?
  25. Hi team! I am trying to customise my header on Squarespace 7.1: I have 2 folders item (parent) and a few children item for each in a Dropdown Menu (folder content). I have used a code to create an animated underline effect when I hover only the parent folder (not the folder content), but I would like that effect to stay active only on the parent folder when I hover the folder content. When I hover the folder content, I'd like the folder parent animation to stay on hover too. Does that make sense? Here is the custom CSS that I used for that section /*Nav Item A
×
×
  • Create New...