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'.



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

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://trumpet-tulip-8chj.squarespace.com/ Hi there, The website password is: portfolio. What's the CSS code to customize the navigation bar? I want the navigation links to align with the word Christopher. Thank you!!!
  3. So here's the scenario, my website using the hudson theme has a nav bar where some of the links are folders. In the past, the folder titles are clickable because I added "a href=/page">Page</a> . It suddenly stopped working. Does anyone know why and how to fix it? Thanks!
×
×
  • Create New...