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

Search the Community

Showing results for tags 'fixed header'.

  • 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 15 results

  1. Site URL: https://bradfordschmidt.com/ What css will fix the header (sticky header) for the carson template.
  2. Site URL: https://www.tyjohns.com I'm trying to create a fixed header within the York template. Issue: The index description scrolls over my header. See current CSS code pulled from other forum discussions on similar issue. Also see attached image. #header { position: fixed; z-index: 1; background-color: white; border-bottom: 0px solid #bbb; padding-top: 30px; width: 100%; padding-bottom: 30px; margin-top: 0px; } main#page { margin-top: -10px; }
  3. Site URL: https://www.bbarinaga.com/ https://www.bbarinaga.com/ password: 1234 Hi, I used the following code to fix my header on Jasper template: #header { position:fixed; z-index: 1; background-color: WHITE; padding-top: 30px; width: 100%; padding-bottom: 20px; margin-top: 0px; } However, the first row of images now appear cropped. Hope someone can help! Thank you
  4. Hello everyone, Is there a way to make a fixed header within Tremont? I tried utilizing .site-header { position: absolute:} which does work at keeping the header at the top of the page; however, I noticed on mobile this allows the active page to be infinitely swiped off screen to the left revealing the index page. Is there an addition that could prevent this from happening or another method fo fixing the header? Thanks
  5. Hey everyone! In 7.1, how would you set the header to a "Fixed position", on only one specific page? I.e., on all other pages it should disappear when you start to scroll. I've searched high and low and it appears that no one has addressed this issue yet. Any help would be greatly appreciated! Pierre
  6. Site URL: https://decipherpubhealth.org/lesson-1/#airpollution My team and I are creating a glossary for definitions of words for a curriculum that we are developing on a separate platform. I have been able to create anchor links so when words are clicked on the other platform it will go to the glossary page and to the specific word. However, because of the fixed header, a person would have to scroll to up see the definition. I know that you can insert line breaks into the code injection, but then the spacing of the whole page would be off. Is there a a way around this situation? I
  7. Site URL: https://chihuahua-mayflower-6zj5.squarespace.com/ Hi, I made my announcement bar fixed with my header, however now I'm unable to click through to the page that's linked to the announcement bar. Would appreciate any help/advice! The code I'm using right now: .Header { position: fixed!important; z-index: 1000; width: 100%; padding-top: 30px; padding-bottom: 30px; background-color: rgba(255,255,255,0)!important; } @media screen and (min-width: 641px) { .Index section:first-child:not(.Index-gallery), .Main--page, .Intro, .Main {
  8. Site URL: https://www.casegoods.in/ Hi everyone, password of the webitse : CaseGoods_C3 Template : Brine I would like to make a header that has these properties : - landing page, first full screen gallery page > fixed header with transparent background - landing page, rest of the page bellow this gallery > same fixed header but change automatically into a coloured background so that the logo and menu stay visible on top of the content. - any other page > same fixed header with a coloured background so that the logo & menu stay visible on top of the content.
  9. Site URL: http://www.thesunflowerfarm.ca Hello, I'm trying to change the background color of the fixed header to white only when scrolling. Would like to keep it set to transparent but when I scroll it turns black and text is black instead of white. Would like to keep text black but change scrolling background to white. Using Version 7.1 - is this hidden somewhere in Design - Colors or custom CSS? Please help! Thanks!
  10. Site URL: https://duck-buffalo-k3d3.squarespace.com Hello! I'm attempting to keep the header the same color when I scroll. I would like the header to keep the metal look when scrolling rather than changing to green. Here is the Current Code. Appreciate any help! //Header Image .header { background-image: url("https://static1.squarespace.com/static/5e8ca6472e5c376d3f69a514/t/5e9e0633a2713368e9c28d3f/1587414595997/TIB+-+Metal+Header+Texture+-+v1.png") } //Header formatting @media screen and (max-width: 700px) { .sqs-block-horiz
  11. Site URL: https://www.marcelkimble.com/ Hi, I used a css code to install a fixed header for my Wells template. Unfortunately the header overlaps my page when you use a mobile device to visit the page. My code: @media screen and (max-width:640px) { div#headerWrapper { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; background: white; background-repeat: no-repeat; background-size: contain; background-position: center center; width: 30px; height: 80px; display: inline-block;
  12. I'm using the Jasper template and I want to keep the menu bar at the top of the screen as I scroll down like this website https://www.etudes-studio.com/. I've tried a lot of CSS codes I've found online but didn't work. Any help would be amazing!
  13. Site URL: https://www.kowalacreative.com Hello everyone, I'm looking for a solution to my problem. My website is www.kowalacreative.com and currently I have a non-static header. I'm trying to create a header/nav bar that will hide when the user scrolls down, but re-appear when they scroll back up (on desktop and mobile). Does anyone have a solid solution to this issue?
  14. Site URL: https://www.johnsongillies.co.uk/ Hi there, I am currently running the Bedford template with an injected code to keep the header fixed. The code is as follows: header { position: fixed !important; width: 100% !important; } Unfortunately regardless of this code being used or not, I am having issues with mobile view, specifically mobile view when using the navigation menu from the homepage. The menu will pop out when clicked and will show the tail end of this script: .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type
  15. Hi, Currently I have the following code in custom css for a sticky header: #header { background-color: #000000 !important; position: -webkit-sticky !important; position: fixed!important; } I need a colour underneath the nav bar so it will stand out against the information on the page, the code is doing so. However, I would like this shape to span the entire page as currently it's only covering the header. Also I would like for the edges of that shape to be blurred so it won't be a harsh line across my page. I'll link to my website 🙂 Thanks, Gerry.
×
×
  • Create New...