Search the Community

Site URL: http://www.openonabeach.com Hi, I'd like to create a transparent header with a frozen hamburger menu on desktop -- in the York template. What I'd like it to look like, for reference: www.astegutierrez.com Is that possible? Have tried code from other forums for other templates and they didn't work for my site. Thanks in advance!

Site URL: https://lizard-chartreuse-ftf8.squarespace.com/ Hello community! https://lizard-chartreuse-ftf8.squarespace.com/ Password: solar2020 Trying to make the mobile menu overlay over the background image the same as it does on the desktop view. I found a bunch of code on the answers forum, but nothing is working for my site... Thanks in advance.

Site URL: http://www.pantryphilosophy.com I like how it looks on my desktop were the logo is above the background image. I tried using this code for mobile: //MENU HEADER TRANSPARENT ON MOBILE// @media only screen and (max-width: 640px) { .Mobile-bar--top { background: transparent !important; position: relative; z-index: 1 !important; } } ---It worked at first but now I see no changes. Top header is fixed as the title font gets messed up. Password: Pantry

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. I've tried as many things I could find with videos, blogs and forums tutoriels and custom codes but not able to achieve it so far. I see 3 ways of starting trying : put logo & menu into "Header:Layout, top position" and give a colour to my header background, then I "just" have to make it fixed and to make it transparent on the landing first gallery. put logo & menu into "Header:Layout, bottom position" so it's already on transparent background, then I "just" have to make it fixed and to add a background colour everywhere else than on the gallery. Or maybe it's something totally different 🙂 https://www.joshuakissi.com/ On this website, on the landing page, the header goes from white text to black text when you scroll down, so there must be a way for my header to go from transparent background to coloured background on that same page right? Also right now I'm using custom code for to make the menu fixed, it's working but it seems to create a bug : my first gallery on the landing page is set on 100hv to always take 100% of the screen space but because of this code, it doesn't. Not sure why. I'm using a faded background colour for now but eventually will change it for another colour, no worries about that. /* Fixed Menu */ .Header { position: fixed !important; left: 0; right: 0; top: 0; z-index: 999; background-color: rgba(0,255,0,0.3)!important; } @media screen and (min-width: 1080px) { .Main--page, .Intro, .Main { padding-top: 120px; } .Intro + .Main { padding-top: 0px; } } Hoping someone will be able to find me thanks !

Site URL: http://www.laurenannephoto.com/home-2 Hello! I have a few questions for the newest site I am working on for anyone that can help! 1) Creating a transparent navigation header - normally I achieve this by setting the navigation and branding to the "bottom" but this isn't working for the home & about page (will link below). These both have a gallery slideshow banner at the top. 2) Having a thumbnail on summary block appear to the left rather than above - Trying to achieve this look for a testimonial slider, by having the testimonial to the right and an image to the left. I think the image may need to decrease in size too. However, I want to target this specific summary block so it doesn't mess with the blog preview. Website: http://www.laurenannephoto.com/home-2 Password: construction

Site URL: https://www.joshuakissi.com/ Hi Everyone, Firstly can I say I haven't got any experienced with coding but I want to give this a try to liven up my website. I would like to create a header where the logo is white but when I scroll down it changes to black. At the same time the header is currently transparent but when I scroll down it changes to have a black background. I would like it to stay transparent when I scroll to give the effect like the page elements are moving under the header. Please see website link with the kind of effect I would like to create: https://www.joshuakissi.com/ I have also noticed that some of my other pages have a white background so the white logo isn't visible. Would it be possible to use a piece of code to tell the site to use the black logo on these pages? The website I use as an example does something similar also for some of the other pages see link below: https://www.joshuakissi.com/tonl If you need to see screenshots of how my site currently looks or the link please let me know and I can send these across. Thanks in advance for your help!

Site URL: https://www.theduophotography.com Hello, Ive being trying to fix the transparency of my header but i cant find any solution. I want to add in the first section a gallery but then the headers transparency doesnt work. Im not so familiar with coding but ive tried some solutions ive read in the forum here but nothing works. Does anyone know what i can do? Thank you!

Site URL: https://chicken-mango-5dmp.squarespace.com/config/ Hi wonderful tech gurus, For the header of my site I have already now coded that the header is transparent, and scrolls down the page with you as you move down. What I am trying to do now is turn the header back to having either a white or black background that comes into effect as soon as you start to scroll down the page. Staying transparent at top, changing to coloured background when moving basically. And to do this across all pages. Thank you in advance wonderful people A

Site URL: https://elkebruiloft.squarespace.com/ Hi, I can't seem to figure out how to make my navigation header + logo transparent. I've searched on the forum and on plenty of other websites, but it doesn't work out and I would love to have a slideshow behind. P.S somehow I don't know where to change the width of the website anymore, I've changed something but can't find where. I want to start the website like 10px off the left and right side. Thanks in advance!

Site URL: http://www.amybrammall.com Hi Hoping you can help! Is it possible to pull the gallery content up and behind the header on Zion 7.1? I don't want a white bar there at all. Heres a screen grab to show what I mean. Thanks

Site URL: https://www.dtr.media/ Hello, I'm in the process of building my site and currently have a fixed header with transparency applied to my home page. I'm a CSS novice at best and mainly found the code to modify those elements by searching and piecing some things together. The fixed/transparent header have automatically been applied to the contact/about pages, but the video & photo gallery pages aren't applying the changes for some reason. How would I go about correcting this so the nav bar is consistent across all pages? Thanks for any help. Current code being used: