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

Search the Community

Showing results for tags 'nav bar customisation'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Found 3 results

  1. Site URL: http://s15.squarespace.com/guitar-kids-a-lesson-1 Hi Community! Can you help? I'd like to control the height of my nav bar (header) more precisely between Desktop, Tablets and Mobile. If I look at www.apple.com and youtube.com, then I notice that the height of their nav bar remains constant when I drag the browser window from desktop size to mobile size. But with my SquareSpace 7.1 site, the nav bar height does not remain constant while I drag the browser window smaller or larger. How would one achieve a consistent height for the nav bar, as with Youtube and Apple, across devices / window sizes ? My own attempt at CSS (see below) works to some degree, but only at specific, static window sizes, but not when I manually drag the browser window left and right. The height of the nav bar keeps shifting as the window size increases or decreases. The same applies to the logo, text and burger bar inside the nav bar, which also shifts when the window size shifts (see screenshots). Any advice would be greatly appreciated! Thank you kindly. /* ----------MY ATTEMPT AT CSS TO KEEP THE NAV BAR HEIGHT CONSISTENT ACROSS ALL WINDOW SIZES AND DEVICES------------------- */ // CSS FOR TABLET AND MOBILE // @desktop: ~"only screen and (min-width: 1025px)"; @mobile: ~"only screen and (max-width: 767px)"; @tablet: ~"only screen and (min-width: 768px) and (max-width: 1024px)"; /* ----------------------------- */ // HEADER HEIGHT - LESSON 1 - DESKTOP // @media @desktop { #collection-5ece5287d9f131439a163282 { #header .header-inner { padding-top: 0px; padding-bottom: 15px; } .header-announcement-bar-wrapper { margin-top: -15px; height: 90px !important; } } } // HEADER HEIGHT - LESSON 1 - MOBILE // @media @mobile { #collection-5ece5287d9f131439a163282 { #header .header-inner { margin-top: -15px; } .header-announcement-bar-wrapper { margin-top: -9px; height:80px !important; } } } // HEADER HEIGHT - LESSON 1 - TABLET // @media @tablet { #collection-5ece5287d9f131439a163282 { #header .header-inner { margin-top: -5px !important; } .header-announcement-bar-wrapper { margin-top: 0px; height:80px !important; } } }
  2. Site URL: https://goose-magnolia-r53a.squarespace.com/config/settings/site-visibility Hi there I have a drop down on my nav for 'services'. My previous issue was that 'services' was then repeated on the nav link and drop down. I used the below code to resolve this BUT now the 'services' on my nav is not clickable - and mobile has both as before. Can anyone help?? .header-nav-folder-item [href="/about-2"] { display: none; } password: Orlabean16
  3. Site URL: https://green-horse-x2tl.squarespace.com Hi All, I'm hoping someone could help. I'm trying to get my mobile nav bar to appear with the burger bar when on desktop and tablet, , which I know how to do by changing the mobile break point. However I'm finding everything is too small including the logo and nav bar height for desktop. Is there any way you can change this via code? Just so that it's bigger for use on desktop, but still remains the same for mobile and tablet? Any help would be amazing. I'm still finding my way with Squarespace but loving it, so any hints and tips to do with custom css would be great. Thank you, Esther
  • Create New...