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

abbytaylor

Member
  • Content Count

    8
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hi there! I've put a Sticky header into a site built on York, and it works perfectly on the index pages, but on the Contact, About and Press pages, there's a big gap above the Nav Bar. I want the coloured Nav bar to remain glued to the top of the screen as it is on the Index Page. What's wrong with this code? It's bits I've grabbed offline and put into the custom CSS section. I don't know how to code so it's total guesswork and any help would be hugely appreciated. I've attached a screengrab of the index, where the navbar sits at the very top of the screen how I want, and the about, which has the horrid gap. #header { position:fixed; z-index: 1; background-color: #402C30; padding-top: 13px; width: 100%; padding-bottom: 13px; margin-top: 0px; } @media only screen and (min-width: 760px) { .site-page { padding-top: 40px !important; } }
  2. @ChromaticZero thank you for this! What I'm thinking (as I am no coder by any means) is that I simply remove all elements from my footer except for the png I would like to be sticky, and use a spacer to push it into the right hand corner. then presumably I would just need a line of code that makes the background of the footer transparent, and makes it constantly present on the page ie sticky. Or am I oversimplifying the process? I have for instance a line of code that, once put into the custom css section, makes the site header sticky. I'm hoping for something similar. Not too worried about it only appearing on scroll as that seems like a faff, and it doesn't have to rotate or anything like that. Thank you for your help so far!!
  3. Site URL: https://iamabbytaylor.com/ Hi there! I'd like to add a png element that is sticky in the bottom right corner of the screen at all times on desktop and tablet. For an example, I love how that happens with the & sign on this site: https://sagmeisterwalsh.com/ and want to achieve a similar effect on my site. It's also how pretty awesome how the & sign in the bottom right corner is only visible when you're scrolling, but no problem if that's not doable! Thanks so much, Abby
  4. @tuanphan great stuff! Only problem is my header stays white on the mobile version of the site. Is there a mobile specific line of code I can add that will make the mobile version of the site match? I need my logo and menu to sit on the dark background on mobile too. Thank you!!
  5. Site URL: https://iamabbytaylor.com/ Hi there! I'm using York and, on every page of my site, I want the nav bar area and the full banner area below to be one solid colour. I want the rest of the side background to remain white, but the Banner area with and Nav bar to be a dark colour, such as 31191E. Something roughly like the attached. I know I can change the whole site background colour but that's not what I want as I want the actual body of the web page to remain with a white background. If someone can help that's be amazing thanks so much!
  6. Thank you tuanpan! That's closer to what I want! I've done as you've said, and it's created a sticky header. However, the header is transparent and doesn't have a drop shadow beneath it as I would like. The https://www.awwwards.com/ has exactly what I'm after: A white sticky nav bar, with a subtle grey drop shadow that separates it from the rest of the page. I've attached a screen grab of what the code you've suggested has done. It creates a sticky nav bar, but it's transparent and doesn't have a drop shadow, so as you scroll it gets lost in the content. I als (I'd also like to experiment with having a side navigation instead...like this site: https://hellomichael.com/?section=work but I imagine that's outside of the templates capabilities haha. A side nav would hide less of the work on my website.) Thanks so much for your help so far! Abby
  7. Site URL: https://iamabbytaylor.com/ Hi all! I'm a freelance illustrator and designer in the process of updating my website. I chose Squarespace because web design is not one of my talents! I'd really like to be able to keep my nav bar white, but add a very subtle drop shadow beneath it, make it sticky, and a bit narrower than it is now. My website is: https://iamabbytaylor.com/. I've found a few bits of custom css that will make the nav bar sticky, but they've all been a bit hit and miss and I can't find one that will add the subtle drop shadow too. If anyone knows any custom CCS I could use to achieve this, that would be amazing! I'm using the York template. https://iamabbytaylor.com/ Thank you, Abby
×
×
  • Create New...